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>
<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
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》 这本书的介绍吧!