Podgląd zdarzeń klawiatury
Zdarzenia: 0 Zachowane ostatnie: 200
ZdarzeniekeycodekeyCodePoł.Modyf.Powt.Δ ms
Tu pojawiają się zdarzenia, najnowsze na górze.
key, code i keyCode
3 właściwościKeyboardEvent opisuje naciśnięcie na trzy sposoby. Na francuskiej klawiaturze AZERTY ten sam fizyczny klawisz daje inną wartość key, ten sam code i keyCode, który zmienia się z literą.
WłaściwośćCo podajeQWERTYAZERTY
keyZnak wpisywany w danym układzie albo nazwa klawisza (Enter, Shift)qacodeFizyczny klawisz, niezależnie od układuKeyQKeyQkeyCodeStara liczba, przestarzała, ale nadal wysyłana8165Do skrótów według położenia (WASD) używaj code, a do tekstu i skrótów według litery używaj key.
location
4 wartościWłaściwość location mówi, po której stronie jest klawisz występujący w parze, albo że klawisz leży na bloku numerycznym.
0 · StandardowyWiększość klawiszy, które są na klawiaturze raz
1 · LewyLewy Shift, Ctrl, Alt i Meta
2 · PrawyPrawy Shift, Ctrl, Alt i Meta
3 · NumerycznyKlawisze bloku numerycznego, razem z Enterem
Metody wprowadzania i keyCode 229
IMEGdy włączona jest chińska, japońska lub koreańska metoda wprowadzania, to ona pierwsza przejmuje klawisze. Strona widzi key „Process” i keyCode 229, a tekst przychodzi w zdarzeniach composition. Przykład wpisywania ni, aby uzyskać chińskie słowo:
keydownkey „Process” · keyCode 229compositionstartMetoda wprowadzania zaczyna słowocompositionupdatedata n, potem nikeydownSpacja wybiera kandydatacompositionenddata to wybrane słowoinputinputType insertCompositionText
Przed obsługą klawisza sprawdź isComposing, bo inaczej Enter, który wybiera słowo, wyśle też formularz.
Klawisze modyfikujące
getModifierStateKażde zdarzenie przekazuje modyfikatory trzymane w tej chwili. getModifierState() podaje też stan klawiszy blokady.
ShiftshiftKeyControlctrlKeyAltaltKeyMetametaKey (Windows albo Command na Macu)CapsLockStan blokady, a nie to, czy klawisz jest wciśniętyNumLockStan blokady, na Macu często nieznanyAltGraphPrawy Alt w wielu europejskich układach, także w polskimScrollLockRzadki na obecnych klawiaturachNajczęstsze pytania
Pytania: 8Czym różni się event.key od event.code?
Znak czy fizyczny klawiszkey to to, co klawisz wpisuje w bieżącym układzie, np. a lub A. code to fizyczny klawisz, np. KeyA, i jest taki sam w każdym układzie. Ten podgląd zdarzeń pokazuje oba przy każdym naciśnięciu.
Dlaczego keyCode to 229?
Metoda wprowadzaniaKlawisz obsługuje metoda wprowadzania (IME). key ma wartość „Process”, a tekst przychodzi później w zdarzeniach composition i input. Pisz w polu, aby je zobaczyć.
Czy keyCode jest przestarzały?
TakkeyCode, which i charCode są przestarzałe, ale przeglądarki nadal je wysyłają. Nowy kod powinien czytać key lub code.
Dlaczego Fn nie pokazuje żadnego zdarzenia?
Nigdy nie jest wysyłanyKlawiatura obsługuje Fn sama i nie wysyła kodu klawisza, więc żadna strona go nie dostaje. Klawisz naciśnięty z Fn, np. F5 lub klawisz głośności, się pokazuje.
Dlaczego nie da się przechwycić Ctrl+W ani Ctrl+T?
Zatrzymuje je przeglądarkaPrzeglądarka zostawia sobie niektóre skróty: zamknięcie karty, nową kartę, nowe okno. Blokowanie domyślnych akcji zatrzymuje większość innych klawiszy, np. Tab, F5 czy /, ale nie te.
Dlaczego trzymany klawisz wciąż wysyła keydown?
AutopowtarzanieSystem powtarza trzymany klawisz. Każde powtórzenie to keydown z repeat true, a przy puszczeniu przychodzi jeden keyup.
Dlaczego na Macu brakuje niektórych keyup?
Wciśnięty CommandGdy Command jest wciśnięty, przeglądarki w macOS nie wysyłają keyup dla innych klawiszy i nie przychodzi on też po puszczeniu Command. Test klawiatury Mac →
Czy moje naciśnięcia są gdzieś wysyłane?
Test ich nie wysyłaZdarzenia są obsługiwane tylko w tej przeglądarce. Kod testu ich nie wysyła, a po zamknięciu strony znikają. Polityka prywatności →