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 相关文章推荐
一个js实现的所谓的滑动门
May 23 Javascript
8个超棒的学习 jQuery 的网站 推荐收藏
Apr 02 Javascript
JavaScript中的索引数组、关联数组和静态数组、动态数组讲解
Nov 08 Javascript
jquery中each循环的简单回滚操作
May 05 jQuery
iscroll动态加载数据完美解决方法
Jul 18 Javascript
原生JS实现循环Nodelist Dom列表的4种方式示例
Feb 11 Javascript
AngularJS 监听变量变化的实现方法
Oct 09 Javascript
vue  directive定义全局和局部指令及指令简写
Nov 20 Javascript
vue轮播组件实现$children和$parent 附带好用的gif录制工具
Sep 26 Javascript
vue绑定数字类型 value为数字的实例
Aug 31 Javascript
JS实现简单贪吃蛇小游戏
Oct 28 Javascript
element tree树形组件回显数据问题解决
Aug 14 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
CI框架文件上传类及图像处理类用法分析
2016/05/18 PHP
详解PHP字符串替换str_replace()函数四种用法
2017/10/13 PHP
PHP中abstract(抽象)、final(最终)和static(静态)原理与用法详解
2020/06/05 PHP
js getBoundingClientRect() 来获取页面元素的位置
2010/11/25 Javascript
js/jquery去掉空格,回车,换行示例代码
2013/11/05 Javascript
谈谈jQuery Ajax用法详解
2015/11/27 Javascript
详解nodejs 文本操作模块-fs模块(二)
2016/12/22 NodeJs
JavaScript实现的原生态兼容IE6可调可控滚动文字功能详解
2017/09/19 Javascript
JavaScript的setter与getter方法
2017/11/29 Javascript
微信小程序实现MUI数字输入框效果
2018/01/31 Javascript
Vue-Router模式和钩子的用法
2018/02/28 Javascript
react-native-video实现视频全屏播放的方法
2018/03/19 Javascript
Vue.js单向绑定和双向绑定实例分析
2018/08/14 Javascript
微信小程序开发技巧汇总
2019/07/15 Javascript
jQuery实现checkbox全选、反选及删除等操作的方法详解
2019/08/02 jQuery
详解如何在Javascript和Sass之间共享变量
2019/11/13 Javascript
Vue中添加滚动事件设置的方法详解
2020/09/14 Javascript
[02:47]3.19DOTA2发布会 国服成长历程回顾
2014/03/25 DOTA
Python中文件I/O高效操作处理的技巧分享
2017/02/04 Python
Tensorflow之构建自己的图片数据集TFrecords的方法
2018/02/07 Python
python如何读写csv数据
2018/03/21 Python
对python产生随机的二维数组实例详解
2018/12/13 Python
详解python中__name__的意义以及作用
2019/08/07 Python
Python从列表推导到zip()函数的5种技巧总结
2019/10/23 Python
python求质数列表的例子
2019/11/24 Python
如何打包Python Web项目实现免安装一键启动的方法
2020/05/21 Python
Python调用jar包方法实现过程解析
2020/08/11 Python
优质飞蝇钓和渔具:RiverBum
2020/05/10 全球购物
采购部部门职责
2013/12/15 职场文书
2014小学一年级班主任工作总结
2014/12/05 职场文书
工程项目经理岗位职责
2015/02/02 职场文书
员工辞职信怎么写
2015/02/27 职场文书
机器人瓦力观后感
2015/06/12 职场文书
Python自动化爬取天眼查数据的实现
2021/06/15 Python
Python数据处理的三个实用技巧分享
2022/04/01 Python
python中 Flask Web 表单的使用方法
2022/05/20 Python