AngularJS ng-mousedown 指令

AngularJS 教程 · 2019-04-01 20:59:37

AngularJS 实例

在鼠标按下时执行表达式:

<div ng-mousedown="count = count + 1" ng-init="count=0">点我!</div>

<h1>{{count}}</h1>

定义和用法

ng-mousedown 指令用于告诉 AngularJS 鼠标在指定的 HTML 元素上按下时要执行的操作。

ng-mousedown 指令不会覆盖元素的原生 onmousedown 事件, 事件触发时,ng-mousedown 表达式与原生的 onmousedown 事件将都会执行。

鼠标点击执行的顺序:

  1. Mousedown
  2. Mouseup
  3. Click

语法

<element ng-mousedown="expression"></element>

所有的 HTML 元素支持该指令。

参数值

描述
expression 鼠标点击时执行的表达式。

点击查看所有 AngularJS 教程 文章: https://www.codercto.com/courses/l/36.html

查看所有标签

JavaScript & jQuery交互式Web前端开发

JavaScript & jQuery交互式Web前端开发

[美]达克特(Duckett,J.) / 杜伟、柴晓伟、涂曙光 / 清华大学出版社 / 2015-6-9 / 79.80元

欢迎选择一种更高效的学习JavaScript和jQuery的方式。 你是一名JavaScript新手?或是您曾经向自己的Web页面上添加过一些脚本,但想以一种更好的方式来实现它们?本书非常适合您。本书不仅向您展示如何阅读和编写JavaScript代码,同时还会以一种简单且视觉化的方式,教您有关计算机编程的基础知识。阅读本书之前,您只需要对HTML和CSS有一些了解即可。 通过将编程理论......一起来看看 《JavaScript & jQuery交互式Web前端开发》 这本书的介绍吧!

JSON 在线解析
JSON 在线解析

在线 JSON 格式化工具

RGB转16进制工具
RGB转16进制工具

RGB HEX 互转工具

随机密码生成器
随机密码生成器

多种字符组合密码