AngularJS ng-mouseenter 指令

AngularJS 教程 · 2019-04-01 21:18:38

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 鼠标穿过元素时执行的表达式。

点击查看所有 AngularJS 教程 文章: https://www.codercto.com/courses/l/36.html

查看所有标签

Pro CSS Techniques

Pro CSS Techniques

Jeff Croft、Ian Lloyd、Dan Rubin / Apress / 2009-5-4 / GBP 31.49

Web Standards Creativity: Innovations in Web Design with CSS, DOM Scripting, and XHTML一起来看看 《Pro CSS Techniques》 这本书的介绍吧!

Markdown 在线编辑器
Markdown 在线编辑器

Markdown 在线编辑器

UNIX 时间戳转换
UNIX 时间戳转换

UNIX 时间戳转换

RGB HSV 转换
RGB HSV 转换

RGB HSV 互转工具