AngularJS基礎(chǔ) ng-mousemove 指令簡單示例
AngularJS ng-mousemove 指令
AngularJS 實(shí)例
在鼠標(biāo)指針在元素上移動時(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">在我這移動鼠標(biāo)!</div>
<h1>{{count}}</h1>
<p>
該實(shí)例在鼠標(biāo)從 DIV 元素上移動時(shí),計(jì)算變量 "count" 會自動加 1。</p>
</body>
</html>
定義和用法
ng-mousemove 指令用于告訴 AngularJS 鼠標(biāo)在 HTML 元素上移動時(shí)要執(zhí)行的操作。
ng-mousemove 指令不會覆蓋元素的原生 onmousemove 事件, 事件觸發(fā)時(shí),ng-mousemove 表達(dá)式與原生的 onmousemove 事件將都會執(zhí)行。
語法
<element ng-mousemove="expression"></element>
所有的 HTML 元素支持該指令。
參數(shù)值
| 值 | 描述 |
|---|---|
| expression | 鼠標(biāo)在元素上移動時(shí)執(zhí)行的表達(dá)式。 |
以上就是對AngularJS ng-mousemove 指令的基礎(chǔ)知識資料的整理,后續(xù)繼續(xù)補(bǔ)充!
- AngularJS基礎(chǔ) ng-selected 指令簡單示例
- AngularJS基礎(chǔ) ng-repeat 指令簡單示例
- AngularJS基礎(chǔ) ng-readonly 指令簡單示例
- AngularJS基礎(chǔ) ng-paste 指令簡單示例
- AngularJS基礎(chǔ) ng-options 指令詳解
- AngularJS基礎(chǔ) ng-open 指令簡單實(shí)例
- AngularJS基礎(chǔ) ng-non-bindable 指令詳細(xì)介紹
- AngularJS基礎(chǔ) ng-mouseover 指令簡單示例
- AngularJS基礎(chǔ) ng-mouseleave 指令詳解
- AngularJS基礎(chǔ) ng-show 指令簡單示例
相關(guān)文章
AngularJS實(shí)現(xiàn)的base64編碼與解碼功能示例
這篇文章主要介紹了AngularJS實(shí)現(xiàn)的base64編碼與解碼功能,結(jié)合實(shí)例形式分析了AngularJS字符串base64編碼與解碼操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2018-05-05
angular2 ng build部署后base文件路徑問題詳細(xì)解答
本篇文章主要介紹了angular2 ng build部署后base文件路徑問題詳細(xì)解答,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-07-07
詳解如何使用webpack+es6開發(fā)angular1.x
本篇文章主要介紹了詳解如何使用webpack+es6開發(fā)angular1.x,具有一定的參考價(jià)值,有興趣的可以了解一下2017-08-08
對Angular.js Controller如何進(jìn)行單元測試
這篇文章主要給大家介紹了如何對Angular Controller進(jìn)行單頁測試。如果你不太了解angular也沒關(guān)系,本文也會提及關(guān)于Angular的一些知識。文中通過示例代碼介紹的很詳細(xì),詳細(xì)對大家的理解和學(xué)習(xí)很有幫助,下面來一起看看吧。2016-10-10

