JavaScript KeyCode Finder & Event Reference
Okamžitě zjistěte číselné hodnoty keyCode, key a code pro jakékoli stisknutí klávesy. Náš interaktivní nástroj JS KeyCode pomáhá vývojářům zachytit vstup od uživatele, vytvářet klávesové zkratky a přesně ovládat herní prvky. Stačí stisknout klávesu a okamžitě uvidíte data události.
Proč používat KeyCode nástroj?
V webovém vývoji je práce s klávesovými událostmi zásadní pro přístupnost a UX. Tento nástroj poskytuje tři klíčové hodnoty pro addEventListener:
- event.key: Skutečný znak (např.
"a", "Enter", "ArrowUp").
- event.code: Fyzická klávesa na klávesnici (např.
"KeyA", "NumpadEnter").
- event.keyCode (Legacy): Číselný kód spojený s klávesou (např.
13 pro Enter, 27 pro Escape).
Moderní vs. staré klávesové události
I když mnoho starších tutoriálů používá event.keyCode, moderní webový standard přechází na event.key a event.code pro lepší podporu napříč prohlížeči a mezinárodními klávesnicemi.
- Zastaralé:
keyCode, which, a charCode.
- Moderní standard:
key (hodnotově) a code (podle pozice).
Časté JavaScript KeyCodes
| Klávesa |
keyCode |
.key Hodnota |
.code Hodnota |
| Enter |
13 |
"Enter" |
"Enter" |
| Escape |
27 |
"Escape" |
"Escape" |
| Space |
32 |
" " |
"Space" |
| Arrow Up |
38 |
"ArrowUp" |
"ArrowUp" |
| Tab |
9 |
"Tab" |
"Tab" |
Jak používat KeyCode Finder
- Focus: Klikněte na vstupní pole, aby bylo aktivní.
- Stiskněte: Stiskněte libovolnou klávesu.
- Zkontrolujte: Obrazovka se okamžitě aktualizuje s číselným kódem a hodnotami řetězce pro tuto událost.
- Použijte: Hodnoty zkopírujte přímo do svých
if nebo switch příkazů.
Poznámka pro vývojáře: Všechny události jsou detekovány lokálně v prohlížeči pomocí keydown listeneru. Žádná data nejsou zaznamenávána ani odesílána na naše servery.