Angular UI ui-keypress不適用於向下鍵

Question

我試圖讓angular-ui ui-keypress在按下向下鍵時調用一個函數。 根據我發現的向下鍵，代碼為40。但是，我無法觸發該事件。

如果您查看此jsfiddle，該jsfiddle會在ENTER鍵上觸發一個功能（嘗試輸入，甚至13）。 但是，如果將其更改為40，則無法使用。 http://jsfiddle.net/jayrmotta/NbjZL/70/

<!DOCTYPE html>
<html ng-app="myModule" xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>Main</title>
</head>
<body ng-controller="Ctrl">
  <button ng-click="add()">Add</button>
  <input type="text" ui-keypress="{40: 'add()'}" />
  {{item}}
</body>
</html>


var myModule = angular.module('myModule', ['ui.directives']);
function Ctrl($scope) {
  $scope.item = "";

  $scope.add = function () {
    $scope.item = "Item Added";
  }
}

我是否輸入了錯誤的代碼，或者可以告訴我什么地方出了問題？

Answer 1

JavaScript keypress事件不會向上，向下，向左或向右觸發。 您想改用keyup或keydown 。 對於您的情況，您需要： ui-keyup="{40: 'add()'}"

http://www.w3schools.com/jsref/event_onkeypress.asp

注意：在所有瀏覽器中，不會為所有鍵（例如ALT，CTRL，SHIFT，ESC）觸發onkeypress事件。 要僅檢測用戶是否已按下某個鍵，請改用onkeydown事件，因為該事件適用於所有鍵。

Angular UI ui-keypress不適用於向下鍵

問題描述

1 個解決方案

解決方案1
8 已采納 2013-04-19 16:42:06

Angular UI ui-keypress不適用於向下鍵

問題描述

1 個解決方案

解決方案1 8 已采納 2013-04-19 16:42:06

解決方案1
8 已采納 2013-04-19 16:42:06