AngularJS基礎(chǔ) ng-mouseenter 指令示例代碼
AngularJS ng-mouseenter 指令
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-mouseenter="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-mouseenter 指令用于告訴 AngularJS 鼠標(biāo)在 HTML 元素穿過時(shí)要執(zhí)行的操作。
ng-mouseenter 指令不會覆蓋元素的原生 onmouseenter 事件, 事件觸發(fā)時(shí),ng-mouseenter 表達(dá)式與原生的 onmouseenter 事件將都會執(zhí)行。
語法
<element ng-mouseenter="expression"></element>
所有的 HTML 元素支持該指令。
參數(shù)值
值 | 描述 |
---|---|
expression | 鼠標(biāo)穿過元素時(shí)執(zhí)行的表達(dá)式。 |
以上就是對AngularJS ng-mouseenter 指令的基礎(chǔ)資料整理,后續(xù)繼續(xù)補(bǔ)充相關(guān)資料。
- AngularJS入門(用ng-repeat指令實(shí)現(xiàn)循環(huán)輸出
- AngularJS基礎(chǔ) ng-readonly 指令簡單示例
- AngularJS基礎(chǔ) ng-paste 指令簡單示例
- AngularJS基礎(chǔ) ng-options 指令詳解
- AngularJS基礎(chǔ) ng-mousemove 指令簡單示例
- AngularJS基礎(chǔ) ng-mouseleave 指令詳解
- AngularJS ng-mousedown 指令
- AngularJS基礎(chǔ) ng-model-options 指令簡單示例
- AngularJS基礎(chǔ) ng-repeat 指令簡單示例
相關(guān)文章
教你用AngularJS框架一行JS代碼實(shí)現(xiàn)控件驗(yàn)證效果
簡單來說Angular.js是google開發(fā)者設(shè)計(jì)和開發(fā)的一套前端開發(fā)框架,幫助你簡化前端開發(fā)的負(fù)擔(dān)。到底能簡化到什么程度呢,今天我們來看下,一行代碼實(shí)現(xiàn)控件驗(yàn)證效果,有木有嚇尿?2014-06-06基于angular-utils-ui-breadcrumbs使用心得(分享)
下面小編就為大家?guī)硪黄赼ngular-utils-ui-breadcrumbs使用心得(分享)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-11-11