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 相关文章推荐
tbody元素支持嵌套的注意方法
Mar 24 Javascript
extjs 3.31 TreeGrid实现静态页面加载json到TreeGrid里面
Apr 02 Javascript
JavaScript中的this关键字使用详解
Aug 14 Javascript
js滑动提示效果代码分享
Mar 10 Javascript
总结在前端排序中遇到的问题
Jul 19 Javascript
js实现开启密码大写提示
Dec 21 Javascript
深入理解Angularjs中$http.post与$.post
May 19 Javascript
AngularJS页面带参跳转及参数解析操作示例
Jun 28 Javascript
node app 打包工具pkg的具体使用
Jan 17 Javascript
jQuery选择器之基本过滤选择器用法实例分析
Feb 19 jQuery
vue实现百度下拉列表交互操作示例
Mar 12 Javascript
vue使用节流函数的踩坑实例指南
May 20 Vue.js
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
杏林同学录(三)
2006/10/09 PHP
推荐一篇入门级的Class文章
2007/03/19 PHP
使用淘宝IP库获取用户ip地理位置
2013/10/27 PHP
php中unserialize返回false的解决方法
2014/09/22 PHP
ThinkPHP5.1框架数据库链接和增删改查操作示例
2019/08/03 PHP
全面解析Bootstrap排版使用方法(文字样式)
2015/11/30 Javascript
详解javascript中原始数据类型Null和Undefined
2015/12/17 Javascript
JavaScript File API文件上传预览
2016/02/02 Javascript
JS实现随页面滚动显示/隐藏窗口固定位置元素
2016/02/26 Javascript
JavaScript解八皇后问题的方法总结
2016/06/12 Javascript
完美解决spring websocket自动断开连接再创建引发的问题
2017/03/02 Javascript
highcharts 在angular中的使用示例代码
2017/09/20 Javascript
如何为vuex实现带参数的 getter和state.commit
2019/01/04 Javascript
[01:01:23]完美世界DOTA2联赛PWL S2 Forest vs FTD.C 第一场 11.26
2020/11/30 DOTA
python正则匹配抓取豆瓣电影链接和评论代码分享
2013/12/27 Python
python3.3使用tkinter开发猜数字游戏示例
2014/03/14 Python
在Python中操作字符串之startswith()方法的使用
2015/05/20 Python
Python正则表达式教程之一:基础篇
2017/03/02 Python
python文件名和文件路径操作实例
2017/09/29 Python
python遍历小写英文字母的方法
2019/01/02 Python
pip 安装库比较慢的解决方法(国内镜像)
2019/10/06 Python
使用Python 自动生成 Word 文档的教程
2020/02/13 Python
pyqt5 textEdit、lineEdit操作的示例代码
2020/08/12 Python
GE设备配件:GE Appliance Parts(家电零件、配件和滤水器)
2018/11/28 全球购物
Martinelli官方商店:西班牙皮鞋和高跟鞋品牌
2019/07/30 全球购物
CK加拿大官网:Calvin Klein加拿大
2020/03/14 全球购物
输入N,打印N*N矩阵
2012/02/20 面试题
汉语言文学毕业求职信
2014/07/17 职场文书
群众路线剖析材料(四风问题)
2014/10/08 职场文书
夫妻分居协议书范本
2014/11/28 职场文书
2015年安全员工作总结范文
2015/04/22 职场文书
学子宴致辞大全
2015/07/27 职场文书
《金钱的魔力》教学反思
2016/02/20 职场文书
校园文化艺术节开幕词
2016/03/04 职场文书
java Nio使用NioSocket客户端与服务端交互实现方式
2021/06/15 Java/Android
python 离散点图画法的实现
2022/04/01 Python