ngKeydown/ngKeypress/ngKeyup

该指令在按键按下/按键按下/按键松开时执行指定表达式。

ngKeydown和ngKeypress略有不同,目前的测试是ngKeypress针对系统按键是无效的,而ngKeydown可以。

ngKeyup指令在按键松开的时候执行。

使用代码:

  <input ng-keydown="count = count + 1" ng-init="count=0">{{count}}<input ng-keypress="count = count + 1" ng-init="count=0">{{count}}<input ng-keyup="count = count + 1" ng-init="count=0">{{count}}

ngMousedown/ngMouseenter/ngMouseleave/ngMousemove/ngMouseover/ngMouseup

该指令在鼠标按下/鼠标进入/鼠标离开/鼠标移动/鼠标在上面/鼠标松开时执行指定表达式。

使用代码:

  <button ng-mousedown="count = count + 1" ng-init="count=0">on mouse down</button>{{count}}<button ng-mouseenter="count = count + 1" ng-init="count=0">when mouse enter</button>{{count}}<button ng-mouseleave="count = count + 1" ng-init="count=0">when mouse leave</button>{{count}}<button ng-mousemove="count = count + 1" ng-init="count=0">when mouse move</button>{{count}}<button ng-mouseover="count = count + 1" ng-init="count=0">when mouse is over</button>{{count}}<button ng-mouseup="count = count + 1" ng-init="count=0">on mouse up</button>{{count}}

AngularJs 键盘事件和鼠标事件相关推荐

  1. java编写程序实现键盘钢琴,运用键盘事件、鼠标事件

    java编写程序实现键盘钢琴,运用键盘事件.鼠标事件 界面     实现 MouseListener,MouseMotionListener,KeyListener接口,当鼠标进入不同按钮时,会播放不 ...

  2. html 鼠标中键事件,Javascript事件模拟(鼠标事件、键盘事件)

    在javascript编程中,事件是用来描述网页中某一特定有趣时刻的,众所周知事件通常是在由用户和浏览器进行交互时触发,其实不然,通过Javascript可以在任何时间触发特定的事件,并且这些事件与浏 ...

  3. java程序 键盘事件_java编写程序实现键盘钢琴,运用键盘事件、鼠标事件

    java编写程序实现键盘钢琴,运用键盘事件.鼠标事件 界面     实现 MouseListener,MouseMotionListener,KeyListener接口,当鼠标进入不同按钮时,会播放不 ...

  4. jQuery事件之鼠标事件

    jQuery事件之鼠标事件 鼠标事件是在用户移动鼠标光标或者使用任意鼠标键点击时触发的.    (1):click事件:click事件于用户在元素敲击鼠标左键,并在相同元素上松开左键时触发.      ...

  5. jQuery事件之鼠标事件(转)

    jQuery事件之鼠标事件 鼠标事件是在用户移动鼠标光标或者使用任意鼠标键点击时触发的.    (1):click事件:click事件于用户在元素敲击鼠标左键,并在相同元素上松开左键时触发.      ...

  6. Js之事件类型-鼠标事件

    一.事件类型 鼠标事件 键盘事件 表单事件 其他事件 二.鼠标事件 click左键单击        dblclick左键双击 鼠标按下和抬起     mousedown / mouseup (左键, ...

  7. JAVA之旅(三十一)——JAVA的图形化界面,GUI布局,Frame,GUI事件监听机制,Action事件,鼠标事件

    JAVA之旅(三十一)--JAVA的图形化界面,GUI布局,Frame,GUI事件监听机制,Action事件,鼠标事件 有段时间没有更新JAVA了,我们今天来说一下JAVA中的图形化界面,也就是GUI ...

  8. QT 触控事件和鼠标事件的分离(问题已解决)

    问题:QT图形视图框架,QGraphicsScene中默认接收触控事件,会将第一个点当作鼠标事件处理. 在开发者开发的时候,可能会有这样的需求,希望自己的触控事件和鼠标事件能够分割开来. 找到的解决方 ...

  9. selenium~初识自动化测试之元素的定位、对象的操作、浏览器的操作、键盘事件、鼠标事件

    文章目录 准备工作 元素定位 操作测试对象 鼠标点击与键盘输入 智能等待.submit提交表单.获得text文本元素 打印title和url 浏览器的操作 键盘事件 鼠标事件 准备工作 最好安装好火狐 ...

  10. 重新认识键盘与鼠标——键盘事件与鼠标事件

    目录 一.键盘事件 1.1 详解VB提供三种键盘事件:KeyPress.KeyDown和KeyUp. 1.2 KeyPress事件 1.3 KeyDown和KeyUp事件 二.鼠标事件 MouseDo ...

最新文章

  1. 济南申请计算机软件著作权需要的材料
  2. linux 内核网络协议栈
  3. [轉]子窗口和父窗口的函数或对象能否相互访问
  4. 2.1 name_scope 简单入门(一)
  5. 如何正确的使用单例模式
  6. python中字母大小写的转换,和一些字典的常规操作
  7. DataGrip 2019.2.5 —— MySQL数据表迁移到SQL Server数据表解决方案
  8. webpack:多文件、多环境、跨域处理、热加载
  9. 【阿里妈妈营销科学系列】第五篇:多渠道组合路径效率评价
  10. mysql数据恢复时显示多线程恢复_MySQL多线程备份恢复工具mydumper,myloder
  11. javafx之TableView的FXCSS
  12. SQL SERVER 用户自定义函数如何定义.
  13. Linux auditd rules generate 通用linux审计规则生成工具DevOps CI/CD持续集成交付 tools
  14. LTE学习:LTE系统中RB、RBG、CCE、REG分别是如何定义的
  15. win11u盘安装报错怎么办 windows11u盘安装报错的解决方法
  16. 开启线程的几种方式、实现 Runnable 接口、实现 Runnable 接口、继承 Thread 类、FutureTask 配合 Thread
  17. landsat8简介
  18. 应用文写作(超星尔雅)
  19. tf 设置多显卡_海美迪H7四代解码4k hdr局域网教程,用TF卡双启动libreELEC成功
  20. 癌症最新研究进展(2021年10月)

热门文章

  1. 懒人必备:.NetCore快速搭建ELK分布式日志中心
  2. PowerDesigner连接Oracle数据库生成数据模型【本地连接方式】
  3. 【转】Linux awk命令详解
  4. 用bho方式拦截中国电信流氓广告
  5. 如何找出应用程序未使用绑定变量
  6. asp.net导出到Excel的最佳选择
  7. 解决AJAX跨域WCF的问题详解
  8. CentOS7系统ifconfig无法使用的解决方法
  9. Ubuntu 14.04 安装 CUDA 问题及解决
  10. win10安装JDK cmd中可以运行java,但不能用javac,解决方案