Der „Tastendruck“ von jQuery funktioniert bei einigen Tasten in Chrome nicht. Wie umgehen?

Ich versuche, eine Tastendruckfunktion zu implementieren, die ein Div entfernt, wenn der Benutzer schlägt Esc. Dies funktioniert für Firefox & IE mit folgendem Code:

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

Wenn ich irgendeine Taste drücke, die erste alert wird angezeigt, und wenn ich Escape drücke, das zweite alert wird ebenfalls angezeigt.

Dies funktioniert jedoch nicht mit Chrome. Der Erste alert wird immer angezeigt, wenn ich eine der Buchstabentasten drücke, aber nicht, wenn ich Escape, Tab, Leertaste oder eine der Zahlen drücke.

Warum sollte das sein? Gibt es eine Möglichkeit, Chrome dazu zu bringen, auf diese Tastendrücke zu reagieren?

Versuchen Sie es mit der Handhabung keydown stattdessen.

verwenden Taste nach unten. Tastendruck funktioniert nicht mit ESC in Chrome (bei anderen Browsern nicht sicher).

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

Für ESC-Taste:

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

Für Buchstabentasten wie ‘L’:

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

Funktioniert in Chrome und Firefox

Nach der zweiten Benachrichtigung ebenfalls hinzufügen

e.preventDefault();

Dadurch wird verhindert, dass die Standardaktion des Ereignisses ausgelöst wird.

Weitere Informationen zu dieser Methode hier

Ihr Code sollte so aussehen

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

Tastendruck ‘ESC’

e.which: 0
e.keyCode: 27

Taste ‘ESC’

e.which: 27
e.keyCode: 27

Für nicht druckbare Zeichen besser verwenden keyup.

Mit der js-Datei Jquery.hotkey können Sie einen Sortcut-Schlüssel erstellen

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