Donny P Donny P - 1 year ago 101
Javascript Question

Using jQuery 'on()' to watch for enter key press

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

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 Source

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.

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download