AngularJS ng-mousedown 指令
实例
鼠标单击时执行表达式:
<!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-mousedown="count = count + 1" ng-init="count=0">Click me!</div><h2>{{count}}</h2><p>此示例将在每次单击DIV元素时增加变量 "count" 的值。</p></body></html>
定义与用法
ng-mousedown 指令告诉 AngularJS 在特定 HTML 元素上单击鼠标按钮时要做什么。
AngularJS 的 ng-mousedown 指令不会覆盖元素的原始 onmousedown 事件，两者都将被执行。
鼠标点击的顺序是:
- Mousedown
- Mouseup
- Click
语法
<element ng-mousedown="expression"></element>
由所有 HTML 元素支持。
参数值
| 值 | 描述 |
|---|---|
| expression | 单击鼠标按钮时要执行的表达式 |