AngularJS ng-mouseover 指令

定义和用法

ng-mouseover 指令告诉 AngularJS 当鼠标光标移到特定的 HTML 元素上时要执行的操作。

AngularJS 的 ng-mouseover 指令不会覆盖元素的原始 onmouseover 事件,两者都会被执行。

实例

当鼠标光标移动到 <div> 元素上时执行表达式:

<div ng-mouseover="count = count + 1" ng-init="count=0">将鼠标放在我上方!</div>

<h1>{{count}}</h1>

亲自试一试

语法

<element ng-mouseover="expression"></element>

所有 HTML 元素都支持。

参数

参数 描述
expression 当鼠标光标移动到元素上时要执行的表达式。