Ustaw fokus w tym polu i naciskaj klawisze albo skróty. Dane zdarzenia aktualizują się przy keydown i keyup.

Kiedy używać Inspektora kodów klawiszy

Używaj tego inspektora zdarzeń klawiatury, gdy potrzebujesz dokładnych wartości z przeglądarki:

Debugowanie skrótów klawiaturowych
Potwierdź wartości key, code i modyfikatorów generowane przez skróty, zanim podłączysz je do obsługi w JavaScript.
Porównywanie keydown i keyup
Sprawdzaj oba typy zdarzeń, aby zweryfikować powtarzanie, stan kompozycji i kolejność interakcji z klawiaturą.
Dokumentowanie zgłoszeń QA
Kopiuj uporządkowane dane zdarzenia do zgłoszeń błędów, aby programiści mogli odtworzyć problemy zależne od klawiatury.
Walidacja dostępnych kontrolek
Sprawdź, czy Enter, Spacja, Escape, strzałki i kombinacje z modyfikatorami zwracają wartości oczekiwane przez dostępny interfejs.
Testowanie różnych klawiatur
Porównuj wynik z klawiatur laptopów, zewnętrznych, międzynarodowych i mobilnych bez instalowania oprogramowania.

Często zadawane pytania

Co pokazuje ten inspektor kodów klawiszy?: Pokazuje dane zdarzenia klawiatury JavaScript dla pola z fokusem, w tym key, code, keyCode, which, położenie, powtórzenie, stan kompozycji, modyfikatory, zaznaczenie i znacznik czasu.
Dlaczego key i code czasem się różnią?: key opisuje znak lub akcję wywołaną naciśnięciem, a code identyfikuje fizyczne położenie klawisza. Układ klawiatury i modyfikatory mogą sprawić, że te wartości będą różne.
Czy moje dane z klawiatury są wysyłane na serwer?: Nie. Inspekcja zdarzeń odbywa się w przeglądarce. Aplikacja nie zapisuje ani nie wysyła przechwyconych danych klawiszy, chociaż strony AppDoesIt w produkcji mogą ładować standardową analitykę.
Czy mogę testować skróty klawiaturowe z modyfikatorami?: Tak. Ustaw fokus w polu przechwytywania i przytrzymaj Shift, Ctrl, Alt lub Meta podczas naciskania innego klawisza. Skróty zarezerwowane przez przeglądarkę mogą zostać przechwycone, zanim strona je otrzyma.
Dlaczego niektóre klawiatury mobilne pokazują mniej danych?: Klawiatury mobilne i wirtualne różnią się zależnie od przeglądarki oraz systemu operacyjnego. Niektóre klawisze lub zdarzenia kompozycji mogą ujawniać mniej szczegółów niż klawiatura fizyczna.