La touche 'keypress' de jQuery ne fonctionne pas avec certaines touches de Chrome. Comment travailler?

Question

J'essaye de mettre en application la fonctionnalité de clef-presse qui enlèvera un div quand l'utilisateur frappe Esc. Cela fonctionne pour Firefox & IE avec le code suivant:

$("body").keypress(function(e) { 
    alert("any key pressed"); 
    if (e.keyCode == 27) { 
     alert("escape pressed"); 
    } 
}); 

Si je frappe une touche, apparaît la première alert, et si je frappe échapper, est également affiché la deuxième alert.

Cela ne fonctionne pas avec Chrome. Le premier alert est toujours affiché si j'appuie sur l'une des touches alphabétiques, mais pas lorsque j'appuie sur Échap, Tab, Espace ou n'importe lequel des chiffres.

Pourquoi cela serait-il? Existe-t-il un moyen de faire en sorte que Chrome réponde à ces pressions sur les touches?

Answer 1

Essayez de traiter keydown à la place.

Answer 2

utilisez keydown. Les touches ne fonctionnent pas avec ESC dans Chrome (vous n'êtes pas sûr des autres navigateurs).

$(newTag).keydown(function(e) { //keypress did not work with ESC; 
    if (event.which == '13') { 
     ProfilePage.saveNewTag(search_id, $(newTag).val()); 
    } 
    else if (window.event.which){ 
     $(newTag).remove(); 
    } 
}); 

Answer 3

Après la deuxième alerte ajouter également

e.preventDefault(); 

Cela permettra d'éviter l'action par défaut de l'événement à déclencher.

En savoir plus sur cette méthode here

Votre code devrait ressembler à

$("body").keypress(function(e) { 
    alert("any key pressed"); 
    if (e.keyCode == 27) { 
     alert("escape pressed"); 
     e.preventDefault(); 
}}); 

Answer 4

Pour la touche ESC:

$(document).keydown(function(e) { 
    if(e.keyCode == 27) { /* Run code */ } 
} 

Pour les clés de lettre, comme 'L':

$(document).keypress(function(e) { 
    if(e.which == 108) { } 
}); 

fonctionne dans les deux Chrome et Firefox

Answer 5

Utilisation du fichier de Jquery.hotkey vous pouvez faire Sortcut clé

$(document).bind('keydown', 'esc', function(){ }); 

Answer 6

keypress 'ESC'

e.which: 0 
e.keyCode: 27 

keyup 'ESC'

e.which: 27 
e.keyCode: 27 

---

Pour les caractères non imprimables, mieux utiliser keyup.