AngularJS ng-mouseleave 指令
实例
当鼠标光标离开 <div> 元素时执行表达式:
<!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-mouseleave="count = count + 1" ng-init="count=0">鼠标在上面! (然后鼠标移开...)</div><h2>{{count}}</h2><p>此示例将在每次鼠标光标离开 DIV 元素时增加变量 "count" 的值。</p></body></html>
定义与用法
ng-mouseleave 指令告诉 AngularJS 当鼠标光标离开特定 HTML 元素时该做什么。
AngularJS 的 ng-mouseleave 指令不会覆盖元素的原始 onmouseleave 事件，两者都将被执行。
语法
<element ng-mouseleave="expression"></element>
由所有 HTML 元素支持。
参数值
| 值 | 描述 |
|---|---|
| expression | 鼠标光标离开元素时要执行的表达式 |