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

时间:2013-11-11 06:50:45

标签: 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);
}

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

2 个答案:

答案 0 :(得分:23)

尝试将div元素设为焦点,或使用tabindex="1"

答案 1 :(得分:0)

总有很好的旧香草咖啡脚本&#39;

document.onkeypress = (e) ->
  console.log String.fromCharCode(charCode)