AngularJS ng-keydown 指令仅适用于 <input> 上下文？

Question

我对 AngularJS 还很陌生，但到目前为止我觉得它很符合我的喜好。对于我当前的项目，我需要热键功能，并且很高兴看到自 1.1.2 版本以来它得到支持。

ng-keydown 指令( http://code.angularjs.org/1.1.3/docs/api/ng.directive:ngKeydown )对于输入类型按预期工作，但对于任何其他上下文(如 div 等)我都失败了。鉴于文档另有说明，这似乎很奇怪。

这是分别工作和不工作的最小示例( http://jsfiddle.net/TdXWW/12/ ):

<input ng-keydown="keypress($event)">
<div ng-keydown="keypress($event)">

注意:我知道这可以用普通的 jQuery ( http://www.mkyong.com/jquery/how-to-check-if-an-enter-key-is-pressed-with-jquery/ ) 处理，但我更喜欢了解如何在 AngularJS 中处理它。

Answer 1

我遇到了同样的问题，并且能够按照此评论中提供的这个简单提示进行修复:https://stackoverflow.com/a/1718035/80264

You need to give the div a tabindex so it can receive focus.

<div id="testdiv" tabindex="0"></div>