Latest web development tutorials

AngularJS ng-mouseup 指令

AngularJS 參考手冊 AngularJS參考手冊


AngularJS 實例

元素上鬆開鼠標按鈕時執行表達式:

< div ng-mouseup= "count = count + 1" ng-init= "count=0" >點我! < /div >

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

嘗試一下»

定義和用法

ng-mouseup指令用於告訴AngularJS鼠標在指定的HTML元素上鬆開鼠標按鈕(點擊完成)時要執行的操作。

ng-mouseup指令不會覆蓋元素的原生onmouseup事件,事件觸發時, ng-mouseup表達式與原生的onmouseup事件將都會執行。

鼠標點擊執行的順序:

  1. Mousedown
  2. Mouseup
  3. Click

語法

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

所有的HTML 元素支持該指令。


參數值

描述
expression 鼠標點擊完成鬆開按鍵時執行的表達式。

AngularJS 參考手冊 AngularJS參考手冊