AngularJS ng-keypress 指令
-
定义和用法
ng-keypress 指令告诉 AngularJS 在特定 HTML 元素上使用键盘时该怎么做。AngularJS 的 ng-keypress 指令不会覆盖元素的原始 onkeypress 事件,两者都会被执行。按键顺序为:- 1. Keydown
- 2. Keypress
- 3. Keyup
-
语法
<element ng-keypress="expression"></element>
由<input>,<select>,<textarea>和其他可编辑元素支持该指令。
-
参数
参数 必需的 描述 expression 是 按下键时要执行的表达式。 -
示例
下例演示了在每次击键时执行一个表达式:
尝试一下<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>欢迎来到菜鸟教程</title> <script src="//cdn.bootcss.com/angular.js/1.5.8/angular.min.js"></script> </head> <body ng-app=""> <input ng-keypress="count = count + 1" ng-init="count=0"> <h1>{{ count }}</h1> </body> </html>
-