AngularJS ng-mouseupディレクティブ
AngularJS 例
要素上でマウスボタンを離したときに式を実行します:
<div ng-mouseup="count = count + 1" ng-init="count=0">クリック!</div>
<h1>{{count}}</h1>
<h1>{{count}}</h1>
試してみる »
定義と使い方
ng-mouseupこのディレクティブは、指定されたHTML要素上でマウスボタンを離した(クリックが完了した)ときに実行する操作をAngularJSに指示します。
ng-mouseupディレクティブは要素のネイティブなonmouseupイベントを上書きしません。イベントがトリガーされると、ng-mouseup式とネイティブのonmouseupイベントの両方が実行されます。
マウスクリック実行の順序:
- Mousedown
- Mouseup
- Click
構文
<element ng-mouseup="expression"></element>
すべてのHTML要素がこのディレクティブをサポートします。
パラメータ値
| 值 | 説明 |
|---|---|
| expression | マウスクリックが完了してボタンを離したときに実行する式。 |
その他の拡張機能
AngularJS リファレンスマニュアル