AngularJS基礎(chǔ) ng-mouseover 指令簡(jiǎn)單示例
更新時(shí)間：2016年08月02日 14:57:47 投稿：lqh
本文主要介紹AngularJS ng-mouseover 指令,這里幫大家整理了AngularJS 指令的基礎(chǔ)知識(shí),并附代碼示例,有興趣的小伙伴可以參考下
AngularJS ng-mouseover 指令
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-mouseover="count = count + 1" ng-init="count=0">鼠標(biāo)移動(dòng)到我這!</div>
<h1>{{count}}</h1>
<p>該實(shí)例在鼠標(biāo)移動(dòng)到 DIV 元素時(shí)，計(jì)算變量 "count" 會(huì)自動(dòng)加 1。</p>
</body>
</html>
定義和用法
ng-mouseover 指令用于告訴 AngularJS 鼠標(biāo)移動(dòng)到指定的 HTML 元素上時(shí)要執(zhí)行的操作。
ng-mouseover 指令不會(huì)覆蓋元素的原生 onmouseover 事件, 事件觸發(fā)時(shí)，ng-mouseover 表達(dá)式與原生的 onmouseover 事件將都會(huì)執(zhí)行。
語法
<element ng-mouseover="expression"></element>
所有的 HTML 元素支持該指令。
參數(shù)值
| 值 | 描述 |
|---|---|
| expression | 鼠標(biāo)移動(dòng)到元素上時(shí)執(zhí)行的表達(dá)式。 |
以上就是對(duì)AngularJS ng-mouseover 指令的資料整理，后續(xù)繼續(xù)補(bǔ)充，謝謝大家支持！
您可能感興趣的文章:
- AngularJS基礎(chǔ) ng-selected 指令簡(jiǎn)單示例
- AngularJS基礎(chǔ) ng-repeat 指令簡(jiǎn)單示例
- AngularJS基礎(chǔ) ng-readonly 指令簡(jiǎn)單示例
- AngularJS基礎(chǔ) ng-paste 指令簡(jiǎn)單示例
- AngularJS基礎(chǔ) ng-options 指令詳解
- AngularJS基礎(chǔ) ng-open 指令簡(jiǎn)單實(shí)例
- AngularJS基礎(chǔ) ng-non-bindable 指令詳細(xì)介紹
- AngularJS基礎(chǔ) ng-mousemove 指令簡(jiǎn)單示例
- AngularJS基礎(chǔ) ng-mouseleave 指令詳解
- AngularJS基礎(chǔ) ng-show 指令簡(jiǎn)單示例
相關(guān)文章
這篇文章主要介紹了AngularJS中scope的綁定策略,結(jié)合實(shí)例形式簡(jiǎn)單分析了AngularJS scope的三種綁定模式的使用方法與相關(guān)注意事項(xiàng),需要的朋友可以參考下2017-10-10
這篇文章主要介紹了AngularJS 單元測(cè)試（一）詳解的相關(guān)資料,需要的朋友可以參考下2016-09-09
angularJS實(shí)現(xiàn)不同視圖同步刷新詳解
今天小編就為大家分享一篇angularJS實(shí)現(xiàn)不同視圖同步刷新詳解，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-10-10
本篇文章主要介紹了淺析Angular2子模塊以及異步加載，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-04-04
本文主要講解AngularJs bootstrap，這里整理了詳細(xì)的資料及簡(jiǎn)單示例代碼幫助大家學(xué)習(xí)或者參考，有需要的小伙伴看下2016-09-09
Angular2學(xué)習(xí)筆記之?dāng)?shù)據(jù)綁定的示例代碼
本篇文章主要介紹了Angular2學(xué)習(xí)筆記之?dāng)?shù)據(jù)綁定的示例代碼，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-01-01![Angular 2 ngForm中的ngModel、[ngModel]和[(ngModel)]的寫法](http://img.jbzj.com/images/xgimg/bcimg6.png)
Angular 2 ngForm中的ngModel、[ngModel]和[(ngModel)]的寫法
本篇文章主要介紹了Angular 2 ngForm中的ngModel、[ngModel]和[(ngModel)]的區(qū)別，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-06-06
今天小編就為大家分享一篇關(guān)于Angular6新特性之Angular Material，小編覺得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來看看吧2018-12-12
在 Angular2 中實(shí)現(xiàn)自定義校驗(yàn)指令（確認(rèn)密碼）的方法
這篇文章給大家探索 Angular 2 內(nèi)建的自定義驗(yàn)證，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下2017-01-01
下面小編就為大家分享一篇AngularJS中重新加載當(dāng)前路由頁面的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-03-03