Korzystanie z jQuery 'on()' do obejrzenia dla klawisza Enter naciśnij

Question

Chcę wykryć, kiedy klawisz Enter jest naciśnięty, na HTML, który zostanie wprowadzony po ładowaniu js.

po prostu wykryć kiedy wciśnięciu klawisza Enter, mogę zrobić:

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

Ten kod działa dla ON(), ale obawiam się, że jest nieefektywne, ponieważ jQuery sprawdzi każdym naciśnięciu klawisza . Czy jest w tym coś nieskutecznego?

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

Answer 1

Jeśli chcesz uchwycić przyciśnięcie dowolnym miejscu na stronie -

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

nie martw się o tym, to kontrole za każdym naciśnięciem klawisza, to naprawdę nie jest oddanie znaczącego obciążenia w przeglądarce.

Answer 2

W kategoriach praktycznych nic nie musisz się martwić. Przeglądarka ma zamiar propagować to wydarzenie i chociaż może zostać uwięziona przez body i uruchomić selektor z delegowanego zdarzenia, nie jest to głębokie lub trudne praktyczne sprawdzenie dla JQuery, szczególnie w przypadku identyfikatora selektor.

Answer 3

Można nadal używać .on()

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

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