快捷導(dǎo)航

AngularJS基礎(chǔ) ng-mousemove 指令簡單示例

更新時(shí)間：2016年08月02日 14:38:37 投稿：lqh

本文主要介紹AngularJS ng-mousemove 指令,這里幫大家整理了ng-mousemove 指令的詳細(xì)資料,并附有示例代碼,有需要的朋友參考下

AngularJS ng-mousemove 指令

AngularJS 實(shí)例

在鼠標(biāo)指針在元素上移動(dòng)時(shí)執(zhí)行表達(dá)式：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body ng-app="">

<div ng-mousemove="count = count + 1" ng-init="count=0">在我這移動(dòng)鼠標(biāo)!</div>

<h1>{{count}}</h1>

<p>
該實(shí)例在鼠標(biāo)從 DIV 元素上移動(dòng)時(shí)，計(jì)算變量 "count" 會(huì)自動(dòng)加 1。</p>

</body>
</html>

定義和用法

ng-mousemove 指令用于告訴 AngularJS 鼠標(biāo)在 HTML 元素上移動(dòng)時(shí)要執(zhí)行的操作。

ng-mousemove 指令不會(huì)覆蓋元素的原生 onmousemove 事件, 事件觸發(fā)時(shí)，ng-mousemove 表達(dá)式與原生的 onmousemove 事件將都會(huì)執(zhí)行。

語法

所有的 HTML 元素支持該指令。

參數(shù)值

值	描述
expression	鼠標(biāo)在元素上移動(dòng)時(shí)執(zhí)行的表達(dá)式。

以上就是對(duì)AngularJS ng-mousemove 指令的基礎(chǔ)知識(shí)資料的整理，后續(xù)繼續(xù)補(bǔ)充！

您可能感興趣的文章:

相關(guān)文章

AngularJS入門教程之路由機(jī)制ngRoute實(shí)例分析
這篇文章主要介紹了AngularJS入門教程之路由機(jī)制ngRoute,結(jié)合實(shí)例形式分析了AngularJS路由機(jī)制的原理、ngRoute的組成、配置、參數(shù)與相關(guān)使用技巧,需要的朋友可以參考下
2016-12-12
angularjs中使用ng-bind-html和ng-include的實(shí)例
下面小編就為大家?guī)硪黄猘ngularjs中使用ng-bind-html和ng-include的實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-04-04
Angular2 PrimeNG分頁模塊學(xué)習(xí)
這篇文章主要為大家詳細(xì)介紹了Angular2 PrimeNG分頁模塊學(xué)習(xí)教程，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-01-01
AngularJS基礎(chǔ) ng-cloak 指令簡單示例
本文主要介紹AngularJS ng-cloak 指令,這里幫大家整理了ng-clock指令的基礎(chǔ)資料,和簡單的代碼實(shí)例及效果圖,學(xué)習(xí)AngularJS指令的朋友可以參考下
2016-08-08
AngularJS基礎(chǔ) ng-srcset 指令簡單示例
本文主要介紹AngularJS ng-srcset 指令,這里對(duì)ng-srcset 指令做了詳細(xì)的資料整理，附有代碼示例，有需要的小伙伴可以參考下
2016-08-08
Angular.js實(shí)現(xiàn)注冊(cè)系統(tǒng)的實(shí)例詳解
Angular.js是Google開發(fā)的前端技術(shù)框架，最近一直在學(xué)習(xí)Angular.js，通過對(duì)angular.js的簡單理解后發(fā)現(xiàn)，angular.js通過一些簡單的指令即可實(shí)現(xiàn)對(duì)DOM元素的操作，其特色為雙向數(shù)據(jù)綁定，下面這篇文章給大家詳細(xì)介紹Angular.js實(shí)現(xiàn)注冊(cè)系統(tǒng)的方法，一起來看看吧。
2016-12-12
AngularJS 自定義過濾器詳解及實(shí)例代碼
這篇文章主要介紹了AngularJS 自定義過濾器,這里整理了相關(guān)資料及示例代碼，有興趣的小伙伴可以參考下
2016-09-09
Angular.js與node.js項(xiàng)目里用cookie校驗(yàn)賬戶登錄詳解
這篇文章主要介紹了Angular.js與node.js項(xiàng)目里用cookie校驗(yàn)賬戶登錄的相關(guān)資料，文中介紹的非常詳細(xì)，需要的朋友可以參考借鑒，下面來一起看看吧。
2017-02-02
AngularJS實(shí)現(xiàn)圖片上傳和預(yù)覽功能的方法分析
這篇文章主要介紹了AngularJS實(shí)現(xiàn)圖片上傳和預(yù)覽功能的方法,結(jié)合HTML5實(shí)例形式對(duì)比分析了AngularJS圖片上傳的相關(guān)操作技巧與注意事項(xiàng),需要的朋友可以參考下
2017-11-11
angularJs利用$scope處理升降序的方法
今天小編就為大家分享一篇angularJs利用$scope處理升降序的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
2018-10-10