Which keycode for escape key with jQuery

Question

I have two functions. When enter is pressed the functions runs correctly but when escape is pressed it doesn't. What's the correct number for the escape key?

$(document).keypress(function(e) {      if (e.which == 13) $('.save').click();   // enter (works as expected)     if (e.which == 27) $('.cancel').click(); // esc   (does not work) }); 

Answer 1

Try with the keyup event:

$(document).on('keyup', function(e) {   if (e.key == "Enter") $('.save').click();   if (e.key == "Escape") $('.cancel').click(); }); 

Answer 2

Rather than hardcode the keycode values in your function, consider using named constants to better convey your meaning:

var KEYCODE_ENTER = 13; var KEYCODE_ESC = 27;  $(document).keyup(function(e) {   if (e.keyCode == KEYCODE_ENTER) $('.save').click();   if (e.keyCode == KEYCODE_ESC) $('.cancel').click(); }); 

Some browsers (like FireFox, unsure of others) define a global KeyEvent object that exposes these types of constants for you. This SO question shows a nice way of defining that object in other browsers as well.