Registro Eventi Tastiera.
Una dashboard diagnostica che mostra gli eventi grezzi della tastiera del browser. Utile per gli sviluppatori che eseguono il debug dei gestori di eventi o controllano proprietà specifiche dei tasti.
Eventi in Tempo Reale
| Evento | Key | Code | KeyCode | Location | Modificatori | Timestamp |
|---|---|---|---|---|---|---|
| Nessun evento tastiera registrato ancora. Metti a fuoco l'area di cattura e premi qualche tasto. | ||||||
Controlla questi punti prima di registrare
- Metti a fuoco il riquadro di catturaCliccalo o premi prima Tab — nessun evento viene registrato finché non è a fuoco.
- Cancella tra un test e l'altroAzzera il registro prima di ogni nuovo tasto in modo che i controlli sugli eventi duplicati restino facili da leggere.
- Osserva i timestampDue keydown a pochi millisecondi da un singolo tocco indicano uno switch che fa chatter, non un errore.
Come funziona il registro eventi
- 1
Metti a fuoco l'area di cattura. Clicca sul riquadro sopra o premi Tab per metterlo a fuoco. Il testo di stato cambia per mostrare che è in ascolto degli eventi della tastiera.
- 2
Premi qualsiasi tasto. Ogni evento keydown e keyup viene registrato con le sue proprietà grezze — key, code, keyCode, location, modificatori e timestamp. La tabella si aggiorna in tempo reale, con i nuovi eventi aggiunti in cima.
- 3
Gestisci il tuo registro. Usa il pulsante "Cancella Registri" per azzerare la tabella, o "Esporta come CSV" per scaricare tutti gli eventi e analizzarli in un foglio di calcolo o in uno strumento di debug.
Comprendere le proprietà degli eventi della tastiera
key è il carattere effettivo prodotto dal tasto (ad es., "a", "A", "1"). Cambia in base al layout della tastiera e a seconda che i modificatori (Shift, Alt) siano attivi. Su una tastiera francese AZERTY, il tasto lettera più a sinistra produce "a" invece di "q".
code è il tasto fisico, indipendente dal layout (ad es., "KeyA", "Digit1", "Enter"). Premere lo stesso tasto fisico restituisce sempre lo stesso code, indipendentemente dal layout o dai modificatori.
keyCode è un codice numerico legacy (ad es., 65 per A) precedente alle moderne proprietà key e code. Ora è deprecato perché era incoerente tra i browser e inaffidabile per le tastiere internazionali e i tasti speciali. Usa invece code o key.
location distingue tra tasti duplicati sulla tua tastiera. I tasti standard riportano location 0; i modificatori sinistri (Shift, Ctrl, Alt) riportano 1; i modificatori destri riportano 2; i tasti del tastierino numerico riportano 3. Il registro mostra queste informazioni con etichette semplici: "Standard", "Sinistra (Mod)", "Destra (Mod)", "Tastierino Numerico".
I flag dei modificatori sono proprietà booleane — ctrlKey, shiftKey, altKey, metaKey — che indicano se Ctrl, Shift, Alt o Command/Windows era tenuto premuto durante l'evento. Si combinano liberamente: premere Ctrl+Shift+A imposta a true sia ctrlKey sia shiftKey.
repeat è true quando un tasto tenuto premuto genera eventi keydown ripetuti (ripetizione automatica). Il primo keydown ha repeat: false; se tieni premuto il tasto, i keydown successivi hanno repeat: true. Questo registro mostra solo keydown e keyup, quindi puoi individuare i tasti ripetuti osservando gruppi di voci identiche.
A chi è rivolto il registro eventi
Debug dei gestori di tasti
Gli sviluppatori web che costruiscono interazioni personalizzate con la tastiera possono vedere esattamente quali eventi si attivano e in che ordine, e ispezionare tutte le proprietà dell'oggetto evento per assicurarsi che i gestori rispondano correttamente ai tasti premuti dai loro utenti.
Rilevare il key chatter
Uno switch malfunzionante a volte registra due eventi keydown da una singola pressione (chatter). Osservando i timestamp puoi individuare duplicati rapidi e ricondurli a un singolo tasto fisico — un segno di usura hardware o di uno switch che necessita attenzione.
Identificare tasti sconosciuti
Hai trovato un tasto sulla tua tastiera con un'etichetta o un simbolo multimediale poco familiare? Premilo qui e leggi le sue proprietà code e key per capire quale evento genera, o per mapparlo nella tua applicazione o configurazione di gioco.
Verificare rimappature e modificatori
Testa software di rimappatura della tastiera o associazioni di tasti a livello di sistema operativo registrando gli eventi e confermando che i tasti premuti producano le combinazioni di code e modificatori attese. Verifica che AltGr e altri modificatori internazionali si registrino correttamente.
Glossario degli eventi della tastiera
key- Il carattere prodotto dalla pressione del tasto, influenzato dal layout della tastiera e dai modificatori — ad es., "a", "A", "1", "!", "é".
code- La posizione fisica del tasto, indipendente dal layout — ad es., "KeyA", "Digit1", "Enter", "Space", sempre la stessa indipendentemente da layout o modificatori.
keyCode(deprecato)- Un codice numerico legacy (ad es., 65 per A). Non usarlo in codice nuovo — è incoerente tra i browser e non funziona in modo affidabile con le tastiere internazionali.
location- La posizione fisica del tasto: 0 = standard, 1 = modificatore sinistro, 2 = modificatore destro, 3 = tastierino numerico. Distingue lo Shift sinistro dallo Shift destro, e i tasti del tastierino numerico dai tasti normali.
repeat- Flag booleano che è true quando un tasto tenuto premuto genera un evento keydown ripetuto (ripetizione automatica). Il primo keydown è false; i successivi sono true se il tasto rimane premuto.
- Flag dei modificatori (
ctrlKey,shiftKey,altKey,metaKey) - Flag booleani che indicano se Ctrl, Shift, Alt o Command/Windows era tenuto premuto durante l'evento. Più flag possono essere true contemporaneamente per le combinazioni di tasti.
FAQ del registro eventi della tastiera
Qual è la differenza tra key e code?
key è il carattere effettivo prodotto dalla tastiera (ad es., 'a', 'A', '1', '!'), che dipende dal layout della tua tastiera e da se modificatori come Shift sono tenuti premuti. code è la posizione fisica del tasto (ad es., 'KeyA', 'Digit1'), indipendente dal layout e dai modificatori — premere lo stesso tasto fisico in regioni diverse restituisce sempre lo stesso code. Per le tastiere internazionali, code rimane costante mentre key cambia.
Cos'è keyCode e perché è deprecato?
keyCode è un codice numerico legacy assegnato a ogni tasto (ad es., 65 per il tasto A). Era usato prima delle moderne proprietà key e code ed è deprecato perché era incoerente tra i browser e non funziona in modo affidabile con le tastiere internazionali o i tasti speciali. Usa invece code per la posizione fisica del tasto e key per il carattere prodotto.
Come rilevo il key chatter (un tasto che si registra due volte)?
Il key chatter si verifica quando una singola pressione di tasto produce due o più eventi keydown senza un keyup intermedio. Controlla il registro per individuare voci keydown duplicate e rapide con lo stesso code e una differenza di tempo molto piccola (di solito sotto i 50ms). Se un tasto fa chatter costantemente, potrebbe trattarsi di un problema hardware con quello switch. Alcune tastiere o driver possono essere configurati per il debounce; consulta il firmware o il software della tua tastiera.
Il registro salva o carica le mie pressioni di tasti?
No. Tutta la registrazione avviene interamente nel tuo browser. Nulla di ciò che digiti viene inviato a un server, caricato, memorizzato o registrato in alcun luogo al di fuori del tuo dispositivo. Ricaricare la pagina cancella completamente il registro. Questo strumento è un tool diagnostico per sviluppatori — la tua privacy e i tuoi dati non vengono trasmessi.
Perché alcuni tasti — come Fn o i tasti multimediali — non compaiono nel registro?
Tasti come Fn e molti tasti dedicati a multimedia, volume o luminosità sono gestiti dal firmware della tastiera o dal sistema operativo prima ancora che il browser veda un evento, quindi non c'è nulla che il logger possa registrare. È normale, non un difetto. Un tasto standard che qui continua a non produrre alcun keydown — dopo aver cliccato sul riquadro di cattura per attivarlo — indica invece un interruttore morto o una connessione interrotta.