Kódy kláves v JavaScriptu

Stiskni klávesu a uvidíš event.key, event.code, keyCode a location, s ukázkou obsluhy a tabulkou kódů kláves. Anglicky JavaScript keycode.

Vše se počítá přímo v tomto prohlížeči — žádná data nikam neodcházejí.

Stiskni klávesu

Tabulka kódů kláves

keyCodeevent.keyevent.codePoznámka
8BackspaceBackspace
9TabTab
13EnterEnterna numerické klávesnici code NumpadEnter
16ShiftShiftLeftpravý: ShiftRight
17ControlControlLeftpravý: ControlRight
18AltAltLeftpravý Alt na české klávesnici: key AltGraph
19PausePause
20CapsLockCapsLock
27EscapeEscape
32" "Space
33PageUpPageUp
34PageDownPageDown
35EndEnd
36HomeHome
37ArrowLeftArrowLeft
38ArrowUpArrowUp
39ArrowRightArrowRight
40ArrowDownArrowDown
44PrintScreenPrintScreenobvykle jen keyup
45InsertInsert
46DeleteDelete
480Digit0
491Digit1
502Digit2na české klávesnici bez Shiftu diakritika (ě, š, č…)
513Digit3na české klávesnici bez Shiftu diakritika (ě, š, č…)
524Digit4na české klávesnici bez Shiftu diakritika (ě, š, č…)
535Digit5na české klávesnici bez Shiftu diakritika (ě, š, č…)
546Digit6na české klávesnici bez Shiftu diakritika (ě, š, č…)
557Digit7na české klávesnici bez Shiftu diakritika (ě, š, č…)
568Digit8na české klávesnici bez Shiftu diakritika (ě, š, č…)
579Digit9na české klávesnici bez Shiftu diakritika (ě, š, č…)
65aKeyA
66bKeyB
67cKeyC
68dKeyD
69eKeyE
70fKeyF
71gKeyG
72hKeyH
73iKeyI
74jKeyJ
75kKeyK
76lKeyL
77mKeyM
78nKeyN
79oKeyO
80pKeyP
81qKeyQ
82rKeyR
83sKeyS
84tKeyT
85uKeyU
86vKeyV
87wKeyW
88xKeyX
89yKeyY
90zKeyZ
91MetaMetaLeftWindows / ⌘ Command
93ContextMenuContextMenu
960Numpad0
971Numpad1
982Numpad2
993Numpad3
1004Numpad4
1015Numpad5
1026Numpad6
1037Numpad7
1048Numpad8
1059Numpad9
106*NumpadMultiply
107+NumpadAdd
109-NumpadSubtract
110.NumpadDecimalna české klávesnici key ","
111/NumpadDivide
112F1F1
113F2F2
114F3F3
115F4F4
116F5F5
117F6F6
118F7F7
119F8F8
120F9F9
121F10F10
122F11F11
123F12F12
144NumLockNumLock
145ScrollLockScrollLock
186;Semicolonna české klávesnici ů
187=Equalna české klávesnici ´ (mrtvá klávesa)
188,Comma
189-Minusna české klávesnici =
190.Period
191/Slashna české klávesnici -
192`Backquotena české klávesnici ;
219[BracketLeftna české klávesnici ú
220\Backslashna české klávesnici ¨
221]BracketRightna české klávesnici )
222'Quotena české klávesnici §
229Process—probíhá skládání znaku (IME, virtuální klávesnice na Androidu)

Jak použít: Kódy kláves v JavaScriptu

Nástroj ukáže, co prohlížeč pošle v události keydown po stisku klávesy: event.key se znakem nebo názvem klávesy, event.code s fyzickou klávesou, zastaralý číselný keyCode a location. K tomu vypíše hotovou obsluhu v JavaScriptu a tabulku kódů běžných kláves.

  1. Klikni do rámečku nahoře (na mobilu se otevře klávesnice) a stiskni libovolnou klávesu nebo zkratku.
  2. Na kartách zkopíruj hodnotu, kterou potřebuješ, nebo celou ukázku obsluhy.
  3. V Tabulce kódů kláves vyhledej klávesu podle čísla nebo názvu.

Časté chyby a tipy

key, nebo code
Pro zkratky podle písmen používej event.key, pro hry a ovládání podle polohy kláves event.code. Na české klávesnici dá horní řada čísel key „ě“, ale code stále Digit2.
keyCode je zastaralý
keyCode a which prohlížeče dál posílají kvůli starému kódu, ale v nových projektech je nahraď hodnotami key a code.
Virtuální klávesnice
Android u většiny kláves hlásí Unidentified a keyCode 229. Zapsaný znak spolehlivě zjistíš až z události input.

Nástroj je zdarma a běží celý v tvém prohlížeči — vložená data se nikam neodesílají ani neukládají.

Další nástroje v kategorii Web a ladění

  • JWT dekodér a ověření podpisu Dekódování JWT tokenu, kontrola platnosti (exp, nbf, iat) a ověření podpisu.
  • Tester regulárních výrazů Tester regexů pro JavaScript, PHP, Python, Go, .NET, Javu i Rust: shody, vysvětlení, mapa výrazu, náhrada, testy a hotový kód.
  • Kontrola a vyčištění SVG Kontrola SVG na skripty, zakódované stránky v Base64, vložené soubory, phishingové formuláře a externí zdroje a jejich bezpečné odstranění.
  • Validátor XML feedu pro Heureku a Zboží.cz Kontrola produktového XML feedu podle specifikace Heureka.cz a Zboží.cz: povinné elementy, formát ceny, dostupnosti a EAN, kódy dopravců, duplicitní ITEM_ID a jmenný prostor.
  • Náhled HTML a CSS Bezpečný náhled HTML a CSS v izolovaném rámu s výběrem šířky zařízení.
  • Porovnání dvou textů (diff) Porovnání dvou textů po řádcích, slovech nebo znacích, včetně unified diff.
  • Náhled Markdownu Živý náhled Markdownu (GitHub Flavored) s bezpečným HTML výstupem.
  • Převodník barev (HEX, RGB, HSL, OKLCH) Převod barev mezi HEX, RGB, HSL, HWB, OKLCH a Lab s kontrastem podle WCAG.
  • Vysvětlení cron výrazu Popis cron výrazu česky, výpis dalších spuštění a převod na crontab, systemd timer, launchd (macOS) a Plánovač úloh Windows.
  • Dekodér certifikátů X.509 Rozbor certifikátů X.509: subjekt, platnost, klíč, alternativní názvy, rozšíření a otisky.
  • Porovnání XML Strukturní porovnání dvou XML dokumentů s cestou ke každé změně.
  • Porovnání JSON Sémantické porovnání dvou JSON dokumentů bez ohledu na pořadí klíčů.
  • IP a CIDR kalkulačka Rozbor IPv4 a IPv6 adres a sítí: maska, rozsah hostitelů, broadcast, typ adresy a kontrola příslušnosti.
  • Rozbor řetězce User-Agent Rozpoznání prohlížeče, jádra, operačního systému a zařízení z řetězce User-Agent.
  • Rozbor e-mailových hlaviček Rozbor hlaviček e-mailu: odesílatel, předmět, datum, cesta zprávy přes servery (Received) a všechny hlavičky.
  • ASN.1 / DER dekodér Výpis struktury ASN.1 DER z PEM, Base64 nebo Hex: typy, OID se jmény, vnořené struktury (certifikáty, klíče).
  • Kontrast barev podle WCAG Kontrastní poměr textu a pozadí podle WCAG 2.2 (AA, AAA) a APCA pro barvy v libovolném CSS zápisu, s náhledem a návrhem vyhovující barvy.
  • Kalkulačka specificity CSS Výpočet specificity CSS selektorů včetně :is(), :not(), :has() a :where(), barevný rozbor a seřazení podle síly.
  • Porovnání hodnot v JavaScriptu (== a ===) Tabulka, které hodnoty se v JavaScriptu rovnají podle ==, === a Object.is(), s vysvětlením převodu typů krok po kroku.
  • Responzivní logo Jak udělat logo, které se na užší obrazovce zjednoduší: živá ukázka, postup a hotový kód s container query, <picture> nebo SVG spritem.