AngularJS ng-mouseupディレクティブ

AngularJS 参考手册AngularJS リファレンスマニュアル


AngularJS 例

要素上でマウスボタンを離したときに式を実行します:

<div ng-mouseup="count = count + 1" ng-init="count=0">クリック!</div>

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

試してみる »

定義と使い方

ng-mouseupこのディレクティブは、指定されたHTML要素上でマウスボタンを離した(クリックが完了した)ときに実行する操作をAngularJSに指示します。

ng-mouseupディレクティブは要素のネイティブなonmouseupイベントを上書きしません。イベントがトリガーされると、ng-mouseup式とネイティブのonmouseupイベントの両方が実行されます。

マウスクリック実行の順序:

  1. Mousedown
  2. Mouseup
  3. Click

構文

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

すべてのHTML要素がこのディレクティブをサポートします。


パラメータ値

值 説明
expression マウスクリックが完了してボタンを離したときに実行する式。

AngularJS 参考手册AngularJS リファレンスマニュアル

その他の拡張機能