Căutător JavaScript KeyCode & Referință Evenimente
Găsiți instant valorile numerice keyCode, key și code pentru orice apăsare de tastă. Instrumentul nostru interactiv JS KeyCode ajută dezvoltatorii să captureze input-ul utilizatorului, să creeze scurtături de tastatură și să gestioneze controalele jocurilor cu precizie. Apăsați o tastă pentru a vedea datele evenimentului în timp real.
De ce să folosiți un instrument KeyCode?
În dezvoltarea web, gestionarea evenimentelor de tastatură este esențială pentru accesibilitate și UX. Acest instrument oferă cele trei valori critice necesare pentru addEventListener:
- event.key: Caracterul efectiv generat (ex.:
"a", "Enter", "ArrowUp").
- event.code: Tasta fizică de pe tastatură (ex.:
"KeyA", "NumpadEnter").
- event.keyCode (Legacy): Codul numeric asociat tastei (ex.:
13 pentru Enter, 27 pentru Escape).
Evenimente moderne vs legacy
Deși multe tutoriale vechi folosesc event.keyCode, standardul web modern utilizează event.key și event.code pentru o mai bună compatibilitate între browsere și internaționalizare.
- Depreciat:
keyCode, which, charCode.
- Standard modern:
key (bazat pe valoare) și code (bazat pe poziție).
KeyCodes JavaScript comune
| Tastă |
keyCode |
Valoare .key |
Valoare .code |
| Enter |
13 |
"Enter" |
"Enter" |
| Escape |
27 |
"Escape" |
"Escape" |
| Space |
32 |
" " |
"Space" |
| Arrow Up |
38 |
"ArrowUp" |
"ArrowUp" |
| Tab |
9 |
"Tab" |
"Tab" |
Cum să folosiți KeyCode Finder
- Focus: Click pe câmp pentru a-l activa.
- Apăsați: Apăsați orice tastă.
- Verificați: Ecranul se va actualiza instant cu codul numeric și valorile string pentru eveniment.
- Implementați: Copiați valorile direct în instrucțiunile
if sau switch.
Notă pentru dezvoltatori: Toate evenimentele sunt detectate local în browser printr-un listener keydown. Niciun date nu sunt trimise serverelor noastre.