AngularJS ng-mouseup 指令



  • 定义和用法

    ng-mouseup 指令告诉 AngularJS 鼠标单击完成后该怎么做。
    AngularJSng-mouseup 指令不会覆盖该元素的原始 onmouseup 事件,两者都会被执行。
    鼠标单击的顺序为:
    • 1. Mousedown
    • 2. Mouseup
    • 3. Click
  • 语法

    <element ng-mouseup="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-mouseup="count = count + 1" ng-init="count=0">点击我</div> 
             <h1> {{ count }} </h1> 
             <p>鼠标单击完成后,此示例将增加变量“count”的值。</p>
     </body>
     </html>