编程 Javascript

AngularJS基础 ng-mouseover 指令简单示例

Posted in Javascript onAugust 02, 2016

AngularJS ng-mouseover 指令

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-mouseover="count = count + 1" ng-init="count=0">鼠标移动到我这!</div>

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

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

</body>
</html>

定义和用法

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

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

语法

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

参数值

值	描述
expression	鼠标移动到元素上时执行的表达式。

以上就是对AngularJS ng-mouseover 指令的资料整理，后续继续补充，谢谢大家支持！

AngularJS基础 ng-mouseover 指令简单示例

- Author -

lqh

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

Javascript 相关文章推荐

Javascript 错误处理的几种方法

Jun 13 Javascript

jquery $(document).ready() 与window.onload的区别

Dec 28 Javascript

图片动画横条广告带上下滚动的JS代码

Oct 25 Javascript

jquery ajax的success回调函数中实现按钮置灰倒计时

Nov 19 Javascript

利用js实现禁止复制文本信息

Jun 03 Javascript

JS控制按钮10秒钟后可用的方法

Dec 22 Javascript

详解XMLHttpRequest（一）同步请求和异步请求

Sep 14 Javascript

Javascript中常用的检测方法小结

Oct 08 Javascript

BootStrap Table 后台数据绑定、特殊列处理、排序功能

May 27 Javascript

vue-cli单页应用改成多页应用配置详解

Jul 14 Javascript

详解.vue文件解析的实现

Jun 11 Javascript

详解小程序毫秒级倒计时（适用于拼团秒杀功能）

May 05 Javascript

JavaScript比较当前时间是否在指定时间段内的方法

Aug 02 #Javascript

图文详解JavaScript的原型对象及原型链

Aug 02 #Javascript

AngularJS基础 ng-mousemove 指令简单示例

Aug 02 #Javascript

功能强大的Bootstrap使用手册（一）

Aug 02 #Javascript

js实现图片缓慢放大缩小效果

Aug 02 #Javascript

基于Vuejs实现购物车功能

Aug 02 #Javascript

js实现统计字符串中特定字符出现个数的方法

Aug 02 #Javascript