AngularJS ng-mouseover 指令

定義和用法

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

AngularJS 的 ng-mouseover 指令不會覆蓋元素的原始 onmouseover 事件,兩者都會被執行。

實例

當鼠標光標移動到 <div> 元素上時執行表達式:

<div ng-mouseover="count = count + 1" ng-init="count=0">將鼠標放在我上方!</div>
<h1>{{count}}</h1>

親自試一試

語法

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

所有 HTML 元素都支持。

參數

參數 描述
expression 當鼠標光標移動到元素上時要執行的表達式。