JavaScript KeyCode Finder & Referenca Događaja
Odmah pronađite numeričke vrijednosti keyCode, key i code za bilo koji pritisak tipke. Naš interaktivni JS KeyCode alat pomaže programerima bilježiti korisnički unos, stvarati tipkovničke prečace i precizno upravljati kontrolama u igrama. Samo pritisnite tipku da vidite podatke događaja u stvarnom vremenu.
Zašto koristiti KeyCode alat?
U web razvoju, rukovanje tipkovničkim događajima ključno je za pristupačnost i UX. Ovaj alat pruža tri ključne vrijednosti za addEventListener:
- event.key: Stvarni znak koji se proizvodi (npr.
"a", "Enter", "ArrowUp").
- event.code: Fizička tipka na tipkovnici (npr.
"KeyA", "NumpadEnter").
- event.keyCode (Legacy): Numerički kod povezan s tipkom (npr.
13 za Enter, 27 za Escape).
Moderni vs. zastarjeli događaji
Iako mnogi stari tutorijali koriste event.keyCode, moderni web standard koristi event.key i event.code za bolju podršku preglednicima i međunarodnim tipkovnicama.
- Zastarjelo:
keyCode, which, charCode.
- Moderan standard:
key (vrijednost) i code (lokacija).
Česti JavaScript KeyCodes
| Tipka |
keyCode |
.key Vrijednost |
.code Vrijednost |
| Enter |
13 |
"Enter" |
"Enter" |
| Escape |
27 |
"Escape" |
"Escape" |
| Space |
32 |
" " |
"Space" |
| Arrow Up |
38 |
"ArrowUp" |
"ArrowUp" |
| Tab |
9 |
"Tab" |
"Tab" |
Kako koristiti KeyCode Finder
- Focus: Kliknite u polje za aktivaciju.
- Pritisnite: Pritisnite bilo koju tipku.
- Provjerite: Ekran se odmah ažurira s numeričkim kodom i vrijednostima stringa za taj događaj.
- Implementirajte: Kopirajte vrijednosti direktno u
if ili switch izjave.
Napomena za developere: Svi događaji se detektiraju lokalno u pregledniku preko keydown listenera. Nijedan podatak se ne šalje na naše servere.