Latest web development tutorials

AngularJS ng-mouseover 指令

AngularJS 參考手冊 AngularJS參考手冊


AngularJS 實例

在鼠標指針移動到元素上時執行表達式:

< div ng-mouseover= "count = count + 1" ng-init= "count=0" >鼠標移動到我這! < /div >

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

嘗試一下»

定義和用法

ng-mouseover指令用於告訴AngularJS鼠標移動到指定的HTML元素上時要執行的操作。

ng-mouseover指令不會覆蓋元素的原生onmouseover事件,事件觸發時, ng-mouseover表達式與原生的onmouseover事件將都會執行。


語法

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

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


參數值

描述
expression 鼠標移動到元素上時執行的表達式。

AngularJS 參考手冊 AngularJS參考手冊