AngularJS ng-mouseenter指令

AngularJS 参考手册


AngularJS 实例

マウスポインターが要素を通過する時に式を実行します:

<div ng-mouseenter="count = count + 1" ng-init="count=0">鼠标穿过我!</div>

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

尝试一下 »

定義と用法

ng-mouseenterディレクティブは、マウスがHTML要素を通過する時に実行する操作をAngularJSに伝えるために使用されます。

ng-mouseenterディレクティブは要素のネイティブなonmouseenterイベントを上書きしません。イベントがトリガーされると、ng-mouseenter式とネイティブのonmouseenterイベントの両方が実行されます。


语法

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

すべてのHTML要素がこのディレクティブをサポートしています。


参数值

值 描述
expression マウスが要素を通過するときに実行される式。

AngularJS 参考手册

其他扩展