Ricerca JavaScript KeyCode & Riferimento Eventi
Trova istantaneamente i valori numerici keyCode, key e code per qualsiasi pressione di tasto. Il nostro strumento interattivo JS KeyCode aiuta gli sviluppatori a catturare l’input dell’utente, creare scorciatoie da tastiera e gestire i controlli di gioco con precisione. Premi un tasto per vedere i dati dell’evento in tempo reale.
Perché usare uno strumento KeyCode?
Nello sviluppo web, gestire gli eventi della tastiera è essenziale per l’accessibilità e l’esperienza utente. Questo strumento fornisce i tre valori critici per addEventListener:
- event.key: Il carattere effettivo prodotto (es.
"a", "Enter", "ArrowUp").
- event.code: Il tasto fisico sulla tastiera (es.
"KeyA", "NumpadEnter").
- event.keyCode (Legacy): Il codice numerico associato al tasto (es.
13 per Enter, 27 per Escape).
Eventi moderni vs legacy
Molti vecchi tutorial usano event.keyCode, ma lo standard web moderno utilizza event.key e event.code per una migliore compatibilità cross-browser e internazionale.
- Deprecato:
keyCode, which, charCode.
- Standard moderno:
key (basato sul valore) e code (basato sulla posizione).
KeyCodes JavaScript comuni
| Tasto |
keyCode |
Valore .key |
Valore .code |
| Enter |
13 |
"Enter" |
"Enter" |
| Escape |
27 |
"Escape" |
"Escape" |
| Space |
32 |
" " |
"Space" |
| Arrow Up |
38 |
"ArrowUp" |
"ArrowUp" |
| Tab |
9 |
"Tab" |
"Tab" |
Come usare KeyCode Finder
- Focus: Clicca sul campo di input per attivarlo.
- Premi: Premi un tasto qualsiasi.
- Controlla: Lo schermo si aggiornerà istantaneamente con il codice numerico e i valori stringa dell’evento.
- Implementa: Copia i valori direttamente nei tuoi
if o switch.
Nota per sviluppatori: Tutti gli eventi vengono rilevati localmente nel browser tramite un listener keydown. Nessun dato viene inviato ai nostri server.