在div而不是输入上使用AngularJS ngKeyup

JVG*_*JVG 10 javascript angularjs

我已经设置了一个带有一些示例代码的Plunker:http://plnkr.co/edit/upExTHzpkwtZ45mdikFr?p = preview

非常简洁的问题是:我正在尝试使用AngularJS的ng-keyUp指令.在我只看到用于输入的文档中,虽然我试图捕获页面上任何地方的按键而不是仅仅在输入框内.像这样:

// view

<div ng-keyup="keyPress($event)">
     // The bulk of my controller's view goes in here
</div>

// inside controller

$scope.keyPress = function(e){
     console.log(e);
}
Run Code Online (Sandbox Code Playgroud)

再次,请参阅上面的Plunker作为示例.目前,它根本不起作用,没有记录任何内容.我怎样才能让它正常工作?

oor*_*ori 23

尝试给div元素重点,或使用 tabindex="1"

  • 完美,`tabindex ="1"`让它运转起来.当我使用它时它周围有一个奇怪的`:focus`轮廓,我通过改变`.container:focus {outline:0;}的css来修复它. (2认同)
  • 这个方法对我有用,首先我必须单击div然后才检测到键.我正在研究Django并使用模板. (2认同)