JavaScript KeyCode Finder & Esemény Referencia
Azonnal megtalálhatja a numerikus keyCode, key és code értékeket bármely billentyűleütéshez. Interaktív JS KeyCode eszközünk segít a fejlesztőknek a felhasználói bevitel rögzítésében, gyorsbillentyűk létrehozásában és a játékkontrollok precíz kezelésében. Csak nyomjon meg egy gombot, és valós időben látja az esemény adatait.
Miért használjunk KeyCode eszközt?
A webfejlesztésben a billentyűesemények kezelése elengedhetetlen az akadálymentesség és a felhasználói élmény szempontjából. Ez az eszköz három kritikus értéket biztosít az addEventListener-hez:
- event.key: A tényleges karakter (pl.
"a", "Enter", "ArrowUp").
- event.code: A fizikai billentyű a billentyűzeten (pl.
"KeyA", "NumpadEnter").
- event.keyCode (Legacy): A billentyűhöz társított numerikus kód (pl.
13 Enterhez, 27 Escape-hez).
Modern vs. Legacy billentyűesemények
Bár sok régi tutorial event.keyCode-t használ, a modern webstandard az event.key és event.code használatát javasolja a jobb böngésző- és nemzetközi támogatás érdekében.
- Elavult:
keyCode, which, charCode.
- Modern standard:
key (érték alapú), code (hely alapú).
Gyakori JavaScript KeyCodes
| Billentyű |
keyCode |
.key Érték |
.code Érték |
| Enter |
13 |
"Enter" |
"Enter" |
| Escape |
27 |
"Escape" |
"Escape" |
| Space |
32 |
" " |
"Space" |
| Arrow Up |
38 |
"ArrowUp" |
"ArrowUp" |
| Tab |
9 |
"Tab" |
"Tab" |
Hogyan használjuk a KeyCode Findert
- Fókusz: Kattintson a mezőre az aktiváláshoz.
- Nyomja meg: Bármely billentyűt nyomjon le.
- Ellenőrizze: A képernyő azonnal frissül az esemény numerikus kódjával és string értékeivel.
- Használat: Másolja az értékeket közvetlenül az
if vagy switch utasításokba.
Fejlesztői megjegyzés: Minden esemény a böngészőben helyileg, keydown hallgatóval történik. Az adatokat nem küldjük szervereinkre.