检测是否按键"删除"用angularJS

时间:2016-07-06 09:41:14

标签: html angularjs keypress

您好,我有以下代码:



angular.module("myApp", []).controller("myController", function($scope) {
  $scope.pressedKey = function(keyObj) {
    $scope.myKey = keyObj.key;
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<div ng-app="myApp" ng-controller="myController">
  <input ng-keypress="pressedKey($event)"><br>{{myKey}}
</div>
&#13;
&#13;
&#13;

我在输入上使用ng-keypress来检测是否存在键事件以及是否单击了哪个键。我需要所有数字和字母以及输入和删除键。现在,数字,字母和输入工作正常,但是当我单击删除键时,没有任何反应。如何用角度来检测它?

谢谢&amp;欢呼声。

2 个答案:

答案 0 :(得分:4)

使用ng-keydown代替ng-keypress

angular.module("myApp", []).controller("myController", function($scope) {
  $scope.pressedKey = function(keyObj) {
    $scope.myKey = keyObj.key;
  }
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<div ng-app="myApp" ng-controller="myController">
  <input ng-keydown="pressedKey($event)"><br>{{myKey}}
</div>

您可以详细了解keydownkeypress here之间的区别。

答案 1 :(得分:0)

比这简单。

keypress未检测到删除键。改用keydown