键盘事件

前端开发中为提高用户的体验会设置键盘事件

第一：指令介绍

ng-keyup 指令用于告诉 AngularJS 在指定 HTML 元素上按键松开时需要的操作。

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

按键敲击的事件顺序:

1. Keydown
2. Keypress
3. Keyup

<input ng-keyup="count = count + 1" ng-init="count=0" />

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

<input>, <select>, <textarea>, 和其他《可编辑元素 》支持该指令。

第二：angularJS项目中的案例

<p class="item20" id="ns">真实姓名：

<input type="text" ng-keypress="myKeyup($event)" maxlength="20" ng-model="queryVo.realName" ng-keyup="show()"

placeholder="个人真实姓名">

</p>

$scope.myKeyup = function (e) {

var keycode = window.event ? e.keyCode : e.which;

if (keycode == 13) {

$scope.open();

}

};

$scope.open = function () {

};