AngularJS ng-mouseenter 指令

AngularJS ng-mouseenter 指令 AngularJS 参考手册 AngularJS 实例在鼠标指针穿过元素时执行表达式： <div ng-mouseenter='count = count + 1' ng-init='count=0'>鼠标穿过我!</div><h1&..

更新于 2026/7/16

教程详情页默认 noindex。

AngularJS `ng-mouseenter` 指令

AngularJS 实例

在鼠标指针穿过元素时执行表达式：

<div ng-mouseenter="count = count + 1" ng-init="count=0">鼠标穿过我!</div>

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

ng-mouseenter 指令用于告诉 AngularJS 鼠标在 HTML 元素穿过时要执行的操作。

ng-mouseenter 指令不会覆盖元素的原生 onmouseenter 事件, 事件触发时，ng-mouseenter 表达式与原生的 onmouseenter 事件将都会执行。

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

所有的 HTML 元素支持该指令。

值	描述
expression	鼠标穿过元素时执行的表达式。