AngularJSng-mouseleaveディレクティブ


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

<div ng-mouseleave="count = count + 1" ng-init="count=0">Mouse over me! (and mouse away from me...)</div>

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

定義と使用法

ng-mouseleaveディレクティブは、マウスカーソルが特定のHTML要素を離れたときに何をするかをAngularJSに指示します

AngularJSからのng-mouseleaveディレクティブは、要素の元のonmouseleaveイベントをオーバーライドせず、両方が実行されます。


構文

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

すべてのHTML要素でサポートされています。


パラメータ値

Value Description
expression An expression to execute when the mouse cursor leaves an element.