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 申明函数的三种方法 每个函数就是一个对象(一)
Dec 04 Javascript
Extjs学习笔记之九 数据模型(上)
Jan 11 Javascript
动态的创建一个元素createElement及删除一个元素
Jan 24 Javascript
jQuery实现友好的轮播图片特效
Jan 12 Javascript
javascript实现ecshop搜索框键盘上下键切换控制
Mar 18 Javascript
通过设置CSS中的position属性来固定层的位置
Dec 14 Javascript
javascript获取网页各种高宽及位置的方法总结
Jul 27 Javascript
Vue表单验证插件的制作过程
Apr 01 Javascript
JS移动端/H5同时选择多张图片上传并使用canvas压缩图片
Jun 20 Javascript
Node.js npm命令运行node.js脚本的方法
Oct 10 Javascript
vue中注册自定义的全局js方法
Nov 15 Javascript
Nuxt的路由配置和参数传递方式
Nov 06 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中使用crypt()实现用户身份验证的代码
2012/09/05 PHP
Zend Framework动作助手Url用法详解
2016/03/05 PHP
PHP实现接收二进制流转换成图片的方法
2017/01/10 PHP
浅谈PHP匿名函数和闭包
2019/03/08 PHP
js自带函数备忘 数组
2006/12/29 Javascript
JQuery live函数
2010/12/24 Javascript
IE6 fixed的完美解决方案
2011/03/31 Javascript
IE6,IE7,IE8下使用Javascript记录光标选中范围(已补全)
2011/08/28 Javascript
如何使用jQuery Draggable和Droppable实现拖拽功能
2013/07/05 Javascript
jquery validation验证身份证号,护照,电话号码,email(实例代码)
2013/11/06 Javascript
基于jquery ui的alert,confirm方案(支持换肤)
2015/04/03 Javascript
怎么通过onclick事件获取js函数返回值(代码少)
2015/07/28 Javascript
通过jquery-ui中的sortable来实现拖拽排序的简单实例
2016/05/24 Javascript
JavaScript判断数组是否存在key的简单实例
2016/08/03 Javascript
easyui combotree加载静态数据问题(选不上)解决方法
2016/12/26 Javascript
JS动态遍历json中所有键值对的方法(不知道属性名的情况)
2016/12/28 Javascript
JS实现购物车特效
2017/02/02 Javascript
webpack 2.x配置reactjs基本开发环境详解
2017/08/08 Javascript
boostrap模态框二次弹出清空原有内容的方法
2018/08/10 Javascript
微信小程序保持session会话的方法
2020/03/20 Javascript
如何在Vue.JS中使用图标组件
2020/08/04 Javascript
python实现微信接口(itchat)详细介绍
2017/10/23 Python
使用python实现名片管理系统
2020/06/18 Python
python中常见错误及解决方法
2020/06/21 Python
详解Python中import机制
2020/09/11 Python
澳大利亚波西米亚风连衣裙在线商店:Fortunate One
2019/04/01 全球购物
Timberland法国官网:购买靴子、鞋子、衣服、夹克和配饰
2019/11/30 全球购物
How TDD works
2012/09/30 面试题
高级文秘工作总结的自我评价
2013/09/28 职场文书
数学与统计学院学生个人职业生涯规划书
2014/02/10 职场文书
在校大学生自我评价范文
2014/09/12 职场文书
干部作风建设个人剖析材料
2014/10/11 职场文书
2014年学校工作总结
2014/11/20 职场文书
朝花夕拾读书笔记
2015/06/29 职场文书
中学教师教学工作总结
2015/08/13 职场文书
创业开店,这样方式更合理
2019/08/26 职场文书