jQuery 'on（）'を使用してEnterキーを見る

Question

jsが読み込まれた後に入力されるHTMLで、Enterキーが押されたときに検出します。単にEnterキーが押されたときに、私にできることを検出するために

：

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

は、このコードは（）のために動作しますが、私は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

実際には何も心配する必要はありません。ブラウザは既にそのイベントをバブリングしていますが、bodyによってトラップされ、委任されたイベントからセレクタを実行することはできますが、これはJQueryが実行するための深刻で難しい実際のチェックではありません。セレクタ。

Answer 3

あなたはまだ

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

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