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 相关文章推荐
JavaScript中的对象化编程
Jan 16 Javascript
学习ExtJS Window常用方法
Oct 07 Javascript
两种WEB下的模态对话框 (asp.net或js的分别实现)
Dec 02 Javascript
jQuery UI Autocomplete 1.8.16 中文输入修正代码
Apr 16 Javascript
JS字符串累加Array不一定比字符串累加快(根据电脑配置)
May 14 Javascript
jQuery写fadeTo示例代码
Feb 21 Javascript
jQuery禁用快捷键例如禁用F5刷新 禁用右键菜单等的简单实现
Aug 31 Javascript
学习vue.js中class与style绑定
Dec 03 Javascript
JS封装的模仿qq右下角消息弹窗功能示例
Aug 22 Javascript
layui table设置某一行的字体颜色方法
Sep 05 Javascript
解决LayUI数据表格复选框不居中显示的问题
Sep 25 Javascript
详谈Vue.js框架下main.js,App.vue,page/index.vue之间的区别
Aug 12 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
php 如何获取数组第一个值
2013/08/06 PHP
WordPress中用于获取文章作者与分类信息的方法整理
2015/12/17 PHP
Laravel中基于Artisan View扩展包创建及删除应用视图文件的方法
2016/10/08 PHP
用一段js程序来实现动画功能
2007/03/06 Javascript
利用js跨页面保存变量做菜单的方法
2008/01/17 Javascript
Firebug 字幕文件JSON地址获取代码
2009/10/28 Javascript
JQuery EasyUI 对话框的使用方法
2010/10/24 Javascript
js自定义事件及事件交互原理概述(一)
2013/02/01 Javascript
jQuery瀑布流插件Wookmark使用实例
2014/04/02 Javascript
node.js中的buffer.write方法使用说明
2014/12/10 Javascript
jQuery中:password选择器用法实例
2015/01/03 Javascript
jQuery简单实现隐藏以及显示特效
2015/02/26 Javascript
js实现的倒计时按钮实例
2015/06/24 Javascript
javascript针对不确定函数的执行方法
2015/12/16 Javascript
Angularjs 依赖压缩及自定义过滤器写法
2017/02/04 Javascript
js实现滑动到页面底部自动加载更多功能
2017/02/15 Javascript
JS表单数据验证的正则表达式(常用)
2017/02/18 Javascript
JS判断Android、iOS或浏览器的多种方法(四种方法)
2017/06/29 Javascript
解决JSON.stringify()自动将中文转译成unicode的问题
2018/01/05 Javascript
Nuxt.js实战详解
2018/01/18 Javascript
Vue.js实现数据响应的方法
2018/08/13 Javascript
[01:06:32]DOTA2上海特级锦标赛D组资格赛#1 EG VS VP第一局
2016/02/28 DOTA
[01:00:52]2018DOTA2亚洲邀请赛 4.4 淘汰赛 EG vs LGD 第一场
2018/04/05 DOTA
[52:10]LGD vs Optic Supermajor小组赛D组胜者组决赛 BO3 第二场 6.3
2018/06/04 DOTA
Python常见数据结构详解
2014/07/24 Python
Python生成随机数组的方法小结
2017/04/15 Python
python操作excel的方法(xlsxwriter包的使用)
2018/06/11 Python
用python3教你任意Html主内容提取功能
2018/11/05 Python
程序员写Python时的5个坏习惯,你有几条?
2018/11/26 Python
Python Numpy 自然数填充数组的实现
2019/11/28 Python
Python lambda表达式原理及用法解析
2020/08/18 Python
Python eval函数介绍及用法
2020/11/09 Python
Linux文件系统类型
2012/09/16 面试题
项目开发计划书
2014/01/09 职场文书
2014校长四风问题对照检查材料思想汇报
2014/09/16 职场文书
SqlServer: 如何更改表的文件组?(进而改变存储位置)
2021/04/05 SQL Server