AngularJS ng-mouseleave 指令

定義と使用法

ng-mouseleave インストラクションは、特定のHTML要素からマウスカーソルが外れたときにAngularJSが実行する操作をAngularJSに伝えます。

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

マウスカーソルが <div> 要素から外れたときに実行される式:

<div ng-mouseleave="count = count + 1" ng-init="count=0">私の上にマウスを置いてください!(そしてマウスを外れて...)</div>
<h1>{{count}}</h1>

実際に試してみてください

文法

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

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

パラメータ

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