"keypress" jQuery nie działa dla niektórych kluczy w Chrome. Jak obejść?

Question

Próbuję zaimplementować funkcję naciśnięcia klawisza, która usunie element div, gdy użytkownik trafi na Esc. Działa to dla Firefoksa & IE z następującego kodu:

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

Gdybym uderzyć dowolny klawisz, pojawi się pierwszy alert, a jeśli uderzę Ucieczka, wyświetlany jest także drugi alert.

To nie działa z Chrome. Pierwszy alert jest zawsze wyświetlany, gdy uderzę w któryś z klawiszy literowych, ale nie po naciśnięciu Escape, Tab, Space ani żadnej z liczb.

Dlaczego miałoby to być? Czy istnieje sposób, aby Chrome zareagował na te naciśnięcia klawiszy?

Answer 1

Zamiast tego spróbuj wykonać operację keydown.

Answer 2

użyć keydown. keypress nie działa z ESC w Chrome (nie mam pewności co do innych przeglądarek).

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

Po drugim alert dodać również

e.preventDefault(); 

uniemożliwi to domyślna akcja zdarzenia być wyzwalany.

Więcej informacji na temat tej metody here

Twój kod powinien wyglądać

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

Answer 4

Dla klawisza ESC:

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

na klucze list, jak 'L':

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

działa zarówno w Chrome i Firefox

Answer 5

Korzystanie plik Jquery.hotkey js można zrobić Sortcut kluczowego

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

Answer 6

keypress 'ESC'

e.which: 0 
e.keyCode: 27 

keyup 'ESC'

e.which: 27 
e.keyCode: 27 

---

Dla znaków niedrukowalnych lepiej używać keyup.