检测div上按下的键[复制]

Question

这个问题在这里已有答案：

• Capture key press (or keydown) event on DIV element 3回答

我需要检测按下div的按键。 In this plunk我有一个div，但是如果我先点击它然后按一个键（例如Del）那么就不会发生任何事件。如何使这项工作？

HTML

Click on the div and press a key:
<div ng-keypress="pressedKey($event)">

</div>
Key pressed: {{myKey}}

使用Javascript

angular.module("app", [])

.controller('ctl', function($scope) {

    $scope.pressedKey = function(event) {
        $scope.myKey = event.key;
      }

});

Answer 1

div需要可以集中精力。只需添加

tabindex="0"

作为div的属性。

Demo