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 tips提示效果
Apr 03 Javascript
jQuery新闻滚动插件 jquery.roller.js
Jun 27 Javascript
jquery刷新页面的实现代码(局部及全页面刷新)
Jul 11 Javascript
Fastest way to build an HTML string(拼装html字符串的最快方法)
Aug 20 Javascript
jQuery 事件的命名空间简单了解
Nov 22 Javascript
thinkphp实现无限分类(使用递归)
Dec 19 Javascript
浅谈Node.js:fs文件系统模块
Dec 08 Javascript
详解Javascript获取缓存和清除缓存API
May 25 Javascript
详解Vue.js v-for不支持IE9的解决方法
Dec 29 Javascript
vue 的 solt 子组件过滤过程解析
Sep 07 Javascript
vue 实现强制类型转换 数字类型转为字符串
Nov 07 Javascript
JavaScript实现滑动门效果
Jan 18 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的session cookie错误
2009/08/09 PHP
php截取字符串函数分享
2015/02/02 PHP
PHP实现获取毫秒时间戳的方法【使用microtime()函数】
2019/03/01 PHP
checkbox 复选框不能为空
2009/07/11 Javascript
Extjs407 getValue()和getRawValue()区别介绍
2013/05/21 Javascript
网页前端优化之滚动延时加载图片示例
2013/07/13 Javascript
Jquery创建一个层当鼠标移动到层上面不消失效果
2013/12/12 Javascript
js/jquery获取文本框输入焦点的方法
2014/03/04 Javascript
Ajax中解析Json的两种方法对比分析
2015/06/25 Javascript
jQuery获取页面及个元素高度、宽度的总结——超实用
2015/07/28 Javascript
jquery实现简易的移动端验证表单
2015/11/08 Javascript
jquery计算出left和top,让一个div水平垂直居中的简单实例
2016/07/13 Javascript
jQuery如何防止Ajax重复提交
2016/10/14 Javascript
使用Bootstrap Tabs选项卡Ajax加载数据实现
2016/12/23 Javascript
js实现百度登录框鼠标拖拽效果
2017/03/07 Javascript
JS异步加载的三种实现方式
2017/03/16 Javascript
JS实现自动轮播图效果(自适应屏幕宽度+手机触屏滑动)
2017/06/19 Javascript
nodeJS(express4.x)+vue(vue-cli)构建前后端分离实例(带跨域)
2017/07/05 NodeJs
jquery实现图片跟随鼠标的实例
2017/10/17 jQuery
javascript+css3开发打气球小游戏完整代码
2017/11/28 Javascript
jquery实现下载图片功能
2019/07/18 jQuery
通过实例解析chrome如何在mac环境中安装vue-devtools插件
2020/07/10 Javascript
在vue中使用防抖函数组件操作
2020/07/26 Javascript
JavaScript数组类型Array相关的属性与方法详解
2020/09/08 Javascript
浏览器JavaScript调试功能无法使用解决方案
2020/09/18 Javascript
[00:10]DOTA2全国高校联赛速递
2018/05/30 DOTA
python检测lvs real server状态
2014/01/22 Python
Django中login_required装饰器的深入介绍
2017/11/24 Python
Python实现识别图片内容的方法分析
2018/07/11 Python
Python列表生成式与生成器操作示例
2018/08/01 Python
Python文件循环写入行时防止覆盖的解决方法
2018/11/09 Python
在python中计算ssim的方法(与Matlab结果一致)
2019/12/19 Python
数据库设计的包括哪两种,请分别进行说明
2016/07/15 面试题
仓库主管岗位职责
2014/03/02 职场文书
在pyCharm中下载第三方库的方法
2021/04/18 Python
动画「进击的巨人」第86话播出感谢绘公开
2022/03/21 日漫