上一节:
下一节:

  AngularJS ng-mousedown 指令

  • 定义和用法

    ng-mousedown 指令告诉 AngularJS 在特定 HTML 元素上单击鼠标按钮时该怎么做。
    AngularJS 的 ng-mousedown 指令不会覆盖该元素的原始 onmousedown 事件，两者都会被执行。
    鼠标单击的顺序为：
    • 1. Mousedown
    • 2. Mouseup
    • 3. Click

  • 语法

    <element ng-mousedown="expression"></element>
    所有的HTML元素都支持该指令

  • 参数

    参数 必需的 描述
    expression 是 单击鼠标按钮时要执行的表达式。

  • 示例

    下例演示了发生鼠标单击时执行一个表达式： 
    <!DOCTYPE html>
 <html lang="en">
 <head>
 <meta charset="UTF-8">
 <title>欢迎来到蝴蝶教程</title>
 <script src="//cdn.bootcss.com/angular.js/1.5.8/angular.min.js"></script>
 </head>
 <body ng-app="">
         <div ng-mousedown="count = count + 1" ng-init="count=0">点击我</div> 
         <h1> {{ count }} </h1> 
         <p>每次在DIV元素上单击鼠标按钮时，此示例都会增加变量“count”的值。</p>
 </body>
 </html>
    尝试一下

  • 相关页面

返回 AngularJS 参考手册
上一节:
下一节: