AngularJS ng-mousedown 指令


Posted in Javascript onAugust 02, 2016

AngularJS ng-mousedown 指令

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-mousedown="count = count + 1" ng-init="count=0">点我!</div>

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

<p>该实例演示了鼠标在 DIV 元素上按下时,计算变量 "count" 会自动加 1。</p>

</body>
</html>

定义和用法

ng-mousedown 指令用于告诉 AngularJS 鼠标在指定的 HTML 元素上按下时要执行的操作。

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

鼠标点击执行的顺序:

1.Mousedown

2.Mouseup

3.Click

语法

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

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

参数值

描述
expression 鼠标点击时执行的表达式。

以上就是对AngularJS ng-mousedown 基础资料的整理,后续继续补充!

Javascript 相关文章推荐
利用ASP发送和接收XML数据的处理方法与代码
Nov 13 Javascript
精通Javascript系列之Javascript基础篇
Jun 07 Javascript
jquery.validate的使用说明介绍
Nov 12 Javascript
JQuery的Ajax请求实现局部刷新的简单实例
Feb 11 Javascript
用JQuery实现全选与取消的两种简单方法
Feb 22 Javascript
javascript中setTimeout和setInterval的unref()和ref()用法示例
Nov 26 Javascript
input输入框鼠标焦点提示信息
Mar 17 Javascript
详解JavaScript编程中正则表达式的使用
Oct 25 Javascript
详解node.js中的npm和webpack配置方法
Jan 21 Javascript
Vue v-for循环之@click点击事件获取元素示例
Nov 09 Javascript
H5实现手机拍照和选择上传功能
Dec 18 Javascript
vue请求数据的三种方式
Mar 04 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
AngularJS基础 ng-model 指令详解及示例代码
Aug 02 #Javascript
JS获取input file绝对路径的方法(推荐)
Aug 02 #Javascript
You might like
Windows下PHP5和Apache的安装与配置
2006/09/05 PHP
建立动态的WML站点(二)
2006/10/09 PHP
比较好用的PHP防注入漏洞过滤函数代码
2012/04/11 PHP
php实现每日签到功能
2018/11/29 PHP
php查询内存信息操作示例
2019/05/09 PHP
使一个函数作为另外一个函数的参数来运行的javascript代码
2007/08/13 Javascript
javascript 有趣而诡异的数组
2009/04/06 Javascript
网页图片延时加载的js代码
2010/04/22 Javascript
javaScript如何生成xmlhttp
2013/12/16 Javascript
使用focus方法让光标默认停留在INPUT框
2014/07/29 Javascript
js模仿php中strtotime()与date()函数实现方法
2015/08/11 Javascript
javascript中eval解析JSON字符串
2016/02/27 Javascript
在页面中输出当前客户端时间javascript实例代码
2016/03/02 Javascript
解析如何利用iframe标签以及js制作时钟
2016/12/08 Javascript
Angularjs 依赖压缩及自定义过滤器写法
2017/02/04 Javascript
jQuery Validate插件ajax方式验证输入值的实例
2017/12/21 jQuery
Vue请求JSON Server服务器数据的实现方法
2018/11/02 Javascript
Vue过滤器,生命周期函数和vue-resource简单介绍
2021/01/12 Vue.js
python之文件读取一行一行的方法
2018/07/12 Python
pymongo中聚合查询的使用方法
2019/03/22 Python
10招!看骨灰级Pythoner玩转Python的方法
2019/04/15 Python
Python Flask框架模板操作实例分析
2019/05/03 Python
python实现计算器功能
2019/10/31 Python
pytorch自定义二值化网络层方式
2020/01/07 Python
Python函数参数定义及传递方式解析
2020/06/10 Python
Python手动或自动协程操作方法解析
2020/06/22 Python
欧洲当代手工玻璃和瓷器的领先品牌:LSA International
2018/06/03 全球购物
英国设计师泳装、沙滩装和比基尼在线精品店:Beach Cafe
2019/08/28 全球购物
linux面试题参考答案(1)
2016/01/22 面试题
应届生护士求职信
2013/11/01 职场文书
历史系自荐信范文
2013/12/24 职场文书
个人遵守党的政治纪律情况对照检查材料
2014/09/26 职场文书
数学教师个人总结
2015/02/06 职场文书
护士医德医风心得体会
2016/01/25 职场文书
Python实现文本文件拆分写入到多个文本文件的方法
2021/04/18 Python
Java详细解析==和equals的区别
2022/04/07 Java/Android