Using jQuery to listen to keydown event

Question

I want to detect when the enter key is pressed, on HTML that will be injected dynamically.

To simply detect when the enter key is pressed, I can do:

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

This code works for on(), but I am worried it is inefficient since jQuery will check every time a key is pressed. Is there anything inefficient about this?

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

Answer 1

If you want to capture the keypress anywhere on the page -

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

Don't worry about the fact this checks for every keypress, it really isn't putting any significant load on the browser.

Answer 2

You could still use .on()

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