zoukankan      html  css  js  c++  java
  • AngularJs 键盘事件和鼠标事件

    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}}
  • 相关阅读:
    mysql 查看存储过程 并导出
    mysql 添加记录或者删除记录
    mysql 修改表的字段
    搭建docker私有仓库
    安装gitlab并配置邮箱
    Mac 安装MySQL-python
    android studio 调试安装
    给定日期求星期几
    数字三角形
    程序设计实训-课程表管理系统项目中遇到的问题
  • 原文地址:https://www.cnblogs.com/ys-ys/p/4960442.html
Copyright © 2011-2022 走看看