AngularJS ng-mouseup 指令
实例
鼠标单击完成后执行表达式:
<!DOCTYPE html><html><script src="https://cdn.bootcdn.net/ajax/libs/angular.js/1.8.2/angular.min.js"></script><body ng-app=""><div ng-mouseup="count = count + 1" ng-init="count=0">点击!</div><h2>{{count}}</h2><p>此示例将在每次鼠标单击 DIV 元素时增加变量 "count" 的值。</p></body></html>
定义与用法
ng-mouseup 指令告诉 AngularJS 鼠标点击完成后要做什么。
来自 AngularJS 的 ng-mouseup 指令不会覆盖元素的原始 onmouseup 事件，两者都将被执行。
鼠标点击的顺序是:
- Mousedown
- Mouseup
- Click
语法
<element ng-mouseup="expression"></element>
由所有 HTML 元素支持。
参数值
| 值 | 描述 |
|---|---|
| expression | 鼠标单击完成时要执行的表达式 |