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

27 is the code for the escape key. :)

Answer 2

Have a look here.

Answer 3

Try with the keyup event:

$(document).keyup(function(e) {
  if (e.keyCode == 13) { $('.save').click(); }     // enter
  if (e.keyCode == 27) { $('.cancel').click(); }   // esc
});

Answer 4

To get the hex code for all the characters: http://asciitable.com/

Answer 5

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.

Answer 6

To capture ESCAPE, you need to look at e.keyCode as opposed to e.which. The value will be 27.

Answer 7

Your code works just fine. It's most likely the window thats not focused. I use a similar function to close iframe boxes etc.

$(document).ready(function(){

    // Set focus
    setTimeout('window.focus()',1000);

});

$(document).keypress(function(e) {

    // Enable esc
    if (e.keyCode == 27) {
      parent.document.getElementById('iframediv').style.display='none';
      parent.document.getElementById('iframe').src='/views/view.empty.black.html';
    }

});