使用jQuery来监听keydown事件

Question

我想检测何时按下回车键，在动态注入的HTML上。

要简单地检测按下回车键的时间，我可以这样做：

$('#textfield').keydown(function (e){
    if(e.keyCode == 13){
        console.log('Enter was pressed');
    }
})

这段代码适用于on() ，但我担心这是低效的，因为jQuery会在每次按下一个键时检查。 这有什么低效的吗？

$('body').on('keydown','#textfield', function(event) {
  if (event.keyCode == 13) {
    console.log('Enter was pressed');
  }
}

Answer 1

如果您想在页面的任何位置捕获按键 -

$(document).keypress(function(e) {
  if(e.which == 13) {
    // enter pressed
  }
});

不要担心这会检查每个按键，这实际上并没有给浏览器带来任何重大负担。

Answer 2

你仍然可以使用.on（）

$(document).off('keyup#textfield');

$(document).on('keyup#textfield', function(event) {
    if (event.keyCode == 13) {
         console.log('Enter was pressed');
    }
});

Answer 3

实际上，你不必担心。 浏览器已经开始冒泡这个事件，即使它可能被body捕获并从委托事件中运行一个选择器，这对于JQuery执行也不是一个深刻或困难的实际检查，特别是对于只有ID的选择。