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