AngularJS ng-mouseover 指令

AngularJS 參考手冊(cè) AngularJS 參考手冊(cè)

AngularJS 實(shí)例

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

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

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

嘗試一下 ?

定義和用法

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

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

語(yǔ)法

<element ng-mouseover="expression"></element>

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

參數(shù)值

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

AngularJS 參考手冊(cè) AngularJS 參考手冊(cè)