AngularJS ng-keydown 指令

实例

每次按键时执行一个表达式:

  1. <!DOCTYPE html>
  2. <html>
  3. <script src="https://cdn.bootcdn.net/ajax/libs/angular.js/1.8.2/angular.min.js"></script>
  4. <body ng-app="">
  5. <input ng-keydown="count = count + 1" ng-init="count=0">
  6. <h2>{{count}}</h2>
  7. <p>此示例将在每次按下输入字段中的键时增加变量 "count" 的值。</p>
  8. </body>
  9. </html>

定义与用法

ng-keydown 指令告诉 AngularJS 在特定 HTML 元素上使用键盘时要做什么。

ng-keydown 来自 AngularJS 的指令不会覆盖元素的原始 onkeydown 事件,两者都将被执行。

按键的顺序是:

  1. Keydown
  2. Keypress
  3. Keyup

语法

  1. <element ng-keydown="expression"></element>

由 <input>、<select>、<textarea> 和其他可编辑元素支持。


参数值

描述
expression按键时要执行的表达式

分类导航