AngularJS ng-mouseenter 指令

定義と使用法

ng-mouseenter インストラクションは、マウスカーソルが特定の HTML 要素に入ったときに AngularJS が実行する操作を指示します。

AngularJSでの ng-mouseenter インストラクションは要素の元の onmouseenter イベントをオーバーライドしません。両方のイベントが実行されます。

マウスカーソルが <div> 要素に入ったときに式を実行します:

<div ng-mouseenter="count = count + 1" ng-init="count=0">私の上にマウスを合わせてください!</div>
<h1>{{count}}</h1>

実際に試してみる

文法

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

すべての HTML 要素がサポートしています。

パラメータ

パラメータ 説明
expression 要素にマウスカーソルが移動したときに実行される式。