<!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" 會(huì)自動(dòng)加 1。</p>

</body>
</html>

定義和用法

ng-mouseenter 指令用于告訴 AngularJS 鼠標(biāo)在 HTML 元素穿過時(shí)要執(zhí)行的操作。

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

語法

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

參數(shù)值

值	描述
expression	鼠標(biāo)穿過元素時(shí)執(zhí)行的表達(dá)式。

以上就是對(duì)AngularJS ng-mouseenter 指令的基礎(chǔ)資料整理，后續(xù)繼續(xù)補(bǔ)充相關(guān)資料。

您可能感興趣的文章:

相關(guān)文章

Angular利用HTTP POST下載流文件的步驟記錄
這篇文章主要給大家介紹了關(guān)于Angular利用HTTP POST下載流文件的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者使用Angular具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧
2020-07-07
詳解如何在Angular優(yōu)雅編寫HTTP請(qǐng)求
這篇文章主要介紹了詳解如何在Angular優(yōu)雅編寫HTTP請(qǐng)求，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2018-12-12
教你用AngularJS框架一行JS代碼實(shí)現(xiàn)控件驗(yàn)證效果
簡(jiǎn)單來說Angular.js是google開發(fā)者設(shè)計(jì)和開發(fā)的一套前端開發(fā)框架，幫助你簡(jiǎn)化前端開發(fā)的負(fù)擔(dān)。到底能簡(jiǎn)化到什么程度呢，今天我們來看下，一行代碼實(shí)現(xiàn)控件驗(yàn)證效果，有木有嚇尿？
2014-06-06
基于angular-utils-ui-breadcrumbs使用心得(分享)
下面小編就為大家?guī)硪黄赼ngular-utils-ui-breadcrumbs使用心得(分享)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-11-11
使用angular幫你實(shí)現(xiàn)拖拽的示例
下面小編就為大家?guī)硪黄褂胊ngular幫你實(shí)現(xiàn)拖拽的示例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-07-07
AngularJS入門教程之AngularJS模型
這篇文章主要介紹了AngularJS入門教程之AngularJS模型的相關(guān)資料,需要的朋友可以參考下
2016-04-04
AngularJS中ng-class用法實(shí)例分析
這篇文章主要介紹了AngularJS中ng-class用法,結(jié)合實(shí)例形式分析了ng-class的功能、使用方法與相關(guān)注意事項(xiàng),需要的朋友可以參考下
2017-07-07
AngularJs表單驗(yàn)證實(shí)例代碼解析
這篇文章主要介紹了AngularJs表單驗(yàn)證實(shí)例代碼解析,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-11-11
AngularJS的Filter的示例詳解
本文通過示例給大家詳解angularjs 的filter知識(shí)，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下吧
2017-03-03
angular多選表單數(shù)據(jù)綁定的簡(jiǎn)單嘗試
AngularJS中數(shù)據(jù)綁定相信大家應(yīng)該都不陌生了,這篇文章主要給大家介紹了關(guān)于angular多選表單數(shù)據(jù)綁定的簡(jiǎn)單嘗試,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2022-05-05