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 相关文章推荐
20个非常棒的Jquery实用工具 国外文章
Jan 01 Javascript
JS判断文本框内容改变事件的简单实例
Mar 07 Javascript
jquery.hotkeys监听键盘按下事件keydown插件
May 11 Javascript
node.js中的fs.fsync方法使用说明
Dec 15 Javascript
JavaScript中函数表达式和函数声明及函数声明与函数表达式的不同
Nov 15 Javascript
Javascript操作表单实例讲解(下)
Jun 20 Javascript
正则中的回溯定义与用法分析【JS与java实现】
Dec 27 Javascript
Jquery与Bootstrap实现后台管理页面增删改查功能示例
Jan 22 Javascript
如何编写jquery插件
Mar 29 jQuery
基于vue2的canvas时钟倒计时组件步骤解析
Nov 05 Javascript
JavaScript实现数字前补“0”的五种方法示例
Jan 03 Javascript
react-native 实现购物车滑动删除效果的示例代码
Jan 15 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
JS基础之undefined与null的区别分析
2011/08/08 Javascript
自己动手制作jquery插件之自动添加删除行的实现
2011/10/13 Javascript
JavaScript中的Math.sin()方法使用详解
2015/06/15 Javascript
js模仿java的Map集合详解
2016/01/06 Javascript
jQuery获取父元素节点、子元素节点及兄弟元素节点的方法
2016/04/14 Javascript
第七章之菜单按钮图标组件
2016/04/25 Javascript
jQuery实现背景弹性滚动的导航效果
2016/06/01 Javascript
BOM系列第二篇之定时器requestAnimationFrame
2016/08/17 Javascript
bootstrap实现图片自动轮播
2016/12/21 Javascript
Javascript自定义事件详解
2017/01/13 Javascript
nodejs入门教程四:URL相关模块用法分析
2017/04/24 NodeJs
在React中如何优雅的处理事件响应详解
2017/07/24 Javascript
Vue精简版风格指南(推荐)
2018/01/30 Javascript
解决vue页面刷新,数据丢失的问题
2020/11/24 Vue.js
Python求导数的方法
2015/05/09 Python
Python自动扫雷实现方法
2015/07/25 Python
python django 访问静态文件出现404或500错误
2017/01/20 Python
python实现决策树、随机森林的简单原理
2018/03/26 Python
如何利用python制作时间戳转换工具详解
2018/09/12 Python
Appium Python自动化测试之环境搭建的步骤
2019/01/23 Python
Python计算时间间隔(精确到微妙)的代码实例
2019/02/26 Python
python自动化测试之异常及日志操作实例分析
2019/11/09 Python
Python numpy.zero() 初始化矩阵实例
2019/11/27 Python
python GUI库图形界面开发之PyQt5中QWebEngineView内嵌网页与Python的数据交互传参详细方法实例
2020/02/26 Python
python是怎么被发明的
2020/06/15 Python
Python list和str互转的实现示例
2020/11/16 Python
利用纯CSS3实现tab选项卡切换示例代码
2016/09/21 HTML / CSS
美国流行背包品牌:JanSport(杰斯伯)
2018/03/02 全球购物
垃圾回收的优点和原理。并考虑2种回收机制
2016/10/16 面试题
IBatis持久层技术
2016/07/18 面试题
总裁岗位职责
2013/12/04 职场文书
小区门卫工作职责
2013/12/14 职场文书
初中体育教学反思
2014/01/14 职场文书
幸福家庭标语
2014/06/27 职场文书
个人存款证明书
2014/10/18 职场文书
python 实现德洛内三角剖分的操作
2021/04/22 Python