Qui code de touche pour la touche d'échappement avec jQuery

Question

J'ai deux fonctions. Lorsque la touche entrée est pressée, les fonctions s'exécute correctement, mais lorsque la fuite est pressé, il ne le fait pas. Quel est le nombre correct pour la touche d'échappement?

$(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

Essayez-les avec de l' événement keyup:

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

Answer 2

Plutôt que de coder en dur le mot de valeurs dans votre fonction, pensez à utiliser nommé constantes pour mieux transmettre votre message:

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(); } 
});

Certains navigateurs (FireFox, pas sûr d'autres) définir une KeyEvent objet qui expose ces types de constantes pour vous. Ce DONC, la question montre une belle façon de définir l'objet dans d'autres navigateurs aussi bien.

Answer 3

Pour trouver le mot de code pour n'importe quelle touche, à l'utilisation de cette fonction simple:

document.onkeydown = function(evt) {
    console.log(evt.keyCode);
}

Answer 4

27 est le code de la touche d'échappement. :)

Answer 5

Essayez le jEscape plugin (télécharger à partir de google drive)

$(document).escape(function() { 
   alert('ESC button pressed'); 
});

ou obtenir de mot de code pour la croix-navigateur

var code = (e.keyCode ? e.keyCode : e.which);
if (code === 27) { alert('ESC'); }
if (code === 13) { alert('ENTER'); }

peut-être que vous pouvez utiliser switch

var code = (e.keyCode ? e.keyCode : e.which);
switch (code) {
    case 27:
       alert('ESC');
       break;
     case 13:
       alert('ENTER');
       break;
}