angularjs - 检测在 div 上按下的键

Question

我需要检测在 div 上按下的键。在这个 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;
      }

});

标签： angularjs

Answer 1

div 需要可聚焦。只需添加

tabindex="0"

作为 div 的属性。

演示