检测在div上按下的键

Question

我需要检测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