nicetool.dev logo

Test dei tasti

Premi un tasto qualsiasi. Nulla di ciò che digiti viene salvato o inviato.

Premi un tasto per vederne i codici

event.key, event.code e keyCode a confronto

Ogni pressione di un tasto nel browser genera un KeyboardEvent con diverse proprietà. event.key è il valore prodotto dal tasto, come "a", "A", "Enter" o "ArrowUp", e segue il layout della tastiera e lo stato di Maiusc. event.code descrive il tasto fisico, come "KeyA" o "Digit1", quindi resta uguale su tastiere QWERTY, AZERTY o Dvorak. keyCode e which sono vecchi codici numerici, deprecati e incoerenti tra browser e layout. Il codice moderno dovrebbe usare event.key per testo e scorciatoie ed event.code quando conta la posizione, come nei controlli WASD dei giochi.

Funzionalità

  • • Mostra event.key, event.code, keyCode ed event.location di qualsiasi tasto
  • • Stato di Ctrl, Maiusc, Alt e Meta, oltre alla ripetizione
  • • Istruzione if JavaScript pronta da copiare per il tasto premuto
  • • Cronologia degli ultimi tasti premuti
  • • Blocca lo scorrimento con Spazio e frecce durante il test

Privato per progettazione

Gli eventi della tastiera vengono letti solo in questa pagina, nel tuo browser. Nulla di ciò che premi viene registrato o inviato.

Nessun keylogging, 100% lato client.

Come usare: Test dei tasti

  1. 1

    Clicca in un punto qualsiasi della pagina per darle il focus, poi premi un tasto. Sul telefono tocca il campo per aprire la tastiera a schermo.

  2. 2

    Leggi il valore grande: event.key. Sotto trovi event.code e il vecchio keyCode.

  3. 3

    Guarda le schede per la posizione del tasto (Maiusc sinistro o destro, tastierino) e i modificatori premuti, e copia qualsiasi valore con un clic.

  4. 4

    Copia l'istruzione if generata nel tuo gestore keydown. La cronologia mostra gli ultimi tasti per confrontare le combinazioni.

Esempi pratici

Scorciatoie da tastiera

Per una ricerca con Ctrl+K o Cmd+K, premi la combinazione e usa event.key === "k" con event.ctrlKey || event.metaKey, che funziona su Windows e macOS.

Controlli dei giochi

Usa event.code ("KeyW", "KeyA", "KeyS", "KeyD") perché i tasti di movimento restino nello stesso punto su AZERTY e altri layout, dove event.key sarebbe "z" o "q".

Inviare con Invio

Controlla event.key === "Enter" e !event.shiftKey in una chat per inviare con Invio e andare a capo con Maiusc+Invio.

Tastierino e tasti di un lato

Distingui l'Invio del tastierino (location 3) da quello principale, o il Maiusc sinistro dal destro (location 1 e 2), quando l'app lo richiede.

Domande frequenti

Uso event.key o event.code?+

Usa event.key per tutto ciò che dipende dal carattere, come scorciatoie con lettere, inserimento di testo, Esc e Invio. Usa event.code quando conta la posizione fisica, come nei giochi o nei tasti rapidi indipendenti dal layout.

Perché keyCode è deprecato?+

I valori di keyCode non sono mai stati standardizzati: cambiano tra browser, layout di tastiera e tra keydown e keypress. Lo standard KeyboardEvent li ha sostituiti con key e code, supportati da tutti i browser moderni.

Perché la tastiera del telefono dà "Unidentified" o 229?+

Le tastiere a schermo inviano spesso eventi di composizione invece di veri codici, soprattutto con correzione automatica o IME. Su mobile ascolta gli eventi input o beforeinput per il testo.

Perché alcune scorciatoie non arrivano alla pagina?+

Il browser o il sistema operativo gestiscono prima alcune combinazioni, come Ctrl+W, Ctrl+T, Cmd+Q o Alt+Tab, quindi una pagina web non può intercettarle né bloccarle.