编程 Javascript

AngularJS基础 ng-mouseenter 指令示例代码

Posted in Javascript onAugust 02, 2016

AngularJS ng-mouseenter 指令

AngularJS 实例

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

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body ng-app="">

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

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

<p>
该实例在鼠标穿过 DIV 元素时，计算变量 "count" 会自动加 1。</p>

</body>
</html>

定义和用法

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

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

语法

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

参数值

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

以上就是对AngularJS ng-mouseenter 指令的基础资料整理，后续继续补充相关资料。

AngularJS基础 ng-mouseenter 指令示例代码

- Author -

lqh

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

javascript应用：Iframe自适应其加载的内容高度

Apr 10 Javascript

jquery事件重复绑定的快速解决方法

Jan 03 Javascript

javascript将数字转换整数金额大写的方法

Jan 27 Javascript

javascript跑马灯抽奖实例讲解

Apr 17 Javascript

使用jQuery制作Web页面遮罩层插件的实例教程

May 26 Javascript

Node.js实现文件上传

Jul 05 Javascript

一个例子轻松学会Vue.js

Jan 02 Javascript

bootstrap组件之导航组件使用方法

Jan 19 Javascript

AngularJS自定义指令实现面包屑功能完整实例

May 17 Javascript

Three.js中矩阵和向量的使用教程

Mar 19 Javascript

JS面向对象之单选框实现

Jan 17 Javascript

jQuery HTML设置内容和属性操作实例分析

May 20 jQuery

使用JavaScript判断手机浏览器是横屏还是竖屏问题

Aug 02 #Javascript

AngularJS ng-mousedown 指令

Aug 02 #Javascript

JS从数组中随机取出几个数组元素的方法

Aug 02 #Javascript

JS实现将数字金额转换为大写人民币汉字的方法

Aug 02 #Javascript

AngularJS基础 ng-model-options 指令简单示例

Aug 02 #Javascript

jQuery树形控件zTree使用小结

Aug 02 #Javascript

jquery 判断selection range 是否在容器中的简单实例

Aug 02 #Javascript