Visualizzatore di Codici Tasto Online. KeyCode Inspector

Strumento online gratuito per vedere in tempo reale event.key, event.code, event.which e la posizione di qualsiasi tasto della tastiera. Genera snippet di codice JavaScript pronti all'uso.

Premi un tasto

Qualsiasi tasto della tastiera per vederne il codice

Studio Strumenti

Vuoi questo strumento sul tuo sito?

Personalizza i colori e la modalità scura per WordPress, Notion o il tuo sito.

Domande frequenti

Qual è la differenza tra event.key e event.code?

event.code rappresenta il tasto fisico sulla tastiera, indipendentemente dalla lingua configurata. event.key rappresenta il carattere generato, che può cambiare se si preme Shift o si usa una lingua diversa. Per i controlli di gioco usa code; per l'input di testo e le scorciatoie semantiche, usa key.

Cos'è event.which e perché è considerato obsoleto?

event.which è una proprietà legacy che restituisce un codice ASCII numerico per il tasto premuto. È contrassegnata come obsoleta (deprecated) negli standard moderni perché event.key e event.code la sostituiscono con informazioni più precise e leggibili. Viene mostrata in questo strumento a scopo didattico.

Cosa significa la proprietà location?

La proprietà location indica dove si trova fisicamente il tasto sulla tastiera: Standard (posizione normale), Left (tasto modificatore sinistro), Right (tasto modificatore destro) o Numpad (tastierino numerico). È utile per distinguere, ad esempio, il tasto CTRL sinistro da quello destro.

Funziona con tastiere internazionali e layout non QWERTY?

Sì. Lo strumento mostra esattamente ciò che il browser riporta per la tua configurazione di tastiera. event.code restituirà sempre il nome QWERTY della posizione fisica, mentre event.key mostrerà il carattere effettivo in base alla tua lingua.

# Capire gli eventi tastiera in JavaScript

Quando un utente preme un tasto, il browser attiva tre eventi: keydown, keypress e keyup. Ognuno espone proprietà con informazioni sul tasto premuto, ma non tutte sono equivalenti o consigliate.

# Proprietà degli eventi tasto

event.code — Il tasto fisico

Restituisce l'identificatore della posizione fisica del tasto sulla tastiera, usando la nomenclatura QWERTY. Ad esempio, il tasto "A" su una tastiera AZERTY restituisce KeyQ. Ideale per i controlli di gioco dove conta la posizione, non il carattere.

event.key — Il carattere generato

Restituisce il valore del carattere generato in base alla lingua e ai modificatori attivi. Premendo Shift+A si ottiene "A"; senza Shift si ottiene "a". Per i tasti speciali restituisce nomi come "Enter", "Escape", "ArrowUp".

# Quando usare ciascuna proprietà

Usa event.code per i controlli di gioco (WASD indipendentemente dalla lingua) e event.key per rilevare caratteri specifici o scorciatoie semantiche come Ctrl+C.
Le proprietà event.which e event.keyCode sono ufficialmente obsolete secondo lo standard W3C. Sebbene i browser moderni continuino a supportarle per compatibilità, non dovrebbero essere usate nel nuovo codice.

Riferimenti Bibliografici