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 マウスカーソルが要素に移動したときに実行される式。