KeyboardTest.io

Visualizzatore eventi tastiera

0 eventi
Tenuti gli ultimi 200
EventokeycodekeyCodePos.ModificatoriRipet.Δ ms

Gli eventi compaiono qui, dal più recente.

Azioni predefinite

key, code e keyCode

3 proprietà

Un KeyboardEvent identifica una pressione in tre modi. Su una tastiera francese AZERTY, lo stesso tasto fisico dà un valore key diverso, lo stesso code e un keyCode che cambia con la lettera.

ProprietàCosa indicaQWERTYAZERTY
keyIl carattere che scrive il layout, o il nome del tasto (Enter, Shift)qa
codeIl tasto fisico, qualunque sia il layoutKeyQKeyQ
keyCodeUn vecchio numero, deprecato ma ancora inviato8165
Usa code per le scorciatoie di posizione (WASD), e key per il testo e le scorciatoie di lettera.

location

4 valori

La proprietà location dice da che lato si trova un tasto doppio, o che un tasto è sul tastierino numerico.

0 · StandardQuasi tutti i tasti, che compaiono una volta sola
1 · SinistraShift, Ctrl, Alt e Meta di sinistra
2 · DestraShift, Ctrl, Alt e Meta di destra
3 · TastierinoI tasti del tastierino numerico, Enter compreso

Metodi di input e keyCode 229

IME

Con un metodo di input cinese, giapponese o coreano attivo, i tasti passano prima dal metodo di input. La pagina vede key «Process» e keyCode 229, e il testo arriva negli eventi di composizione. Scrivendo ni per una parola cinese:

  1. keydownkey «Process» · keyCode 229
  2. compositionstartIl metodo di input inizia una parola
  3. compositionupdatedata n, poi ni
  4. keydownLo spazio sceglie un candidato
  5. compositionenddata è la parola scelta
  6. inputinputType insertCompositionText
Controlla isComposing prima di reagire a un tasto, o l'Enter che sceglie la parola invia anche il modulo.

Tasti modificatori

getModifierState

Ogni evento porta i modificatori tenuti in quell'istante. getModifierState() segnala anche i tasti di blocco.

ShiftshiftKey
ControlctrlKey
AltaltKey
MetametaKey (Windows, o Comando su Mac)
CapsLockStato del blocco, non se il tasto è premuto
NumLockStato del blocco, spesso sconosciuto su Mac
AltGraphAlt destro in molti layout europei
ScrollLockRaro sulle tastiere attuali

Domande frequenti

8 domande

Che differenza c'è tra event.key ed event.code?

Carattere o tasto fisico

key è quello che il tasto scrive nel layout attuale, come a o A. code è il tasto fisico, come KeyA, e resta uguale in ogni layout. Questo visualizzatore eventi tastiera mostra entrambi per ogni pressione.

Perché keyCode vale 229?

Metodo di input

Un metodo di input (IME) sta gestendo il tasto. key vale «Process» e il testo arriva dopo negli eventi di composizione e di input. Scrivi nel campo per vederli.

keyCode è deprecato?

Sì

keyCode, which e charCode sono deprecati, ma i browser li inviano ancora. Il codice nuovo dovrebbe leggere key o code.

Perché Fn non mostra nessun evento?

Non viene mai inviato

La tastiera gestisce Fn da sola e non invia nessun codice, quindi nessuna pagina web lo riceve. Il tasto che premi con Fn, come F5 o un tasto del volume, invece compare.

Perché non riesco a intercettare Ctrl+W o Ctrl+T?

Li tiene il browser

Il browser tiene per sé alcune scorciatoie: chiudere la scheda, nuova scheda, nuova finestra. Bloccare le azioni predefinite ferma quasi tutti gli altri tasti, come Tab, F5 o /, ma non questi.

Perché un tasto tenuto continua a inviare keydown?

Ripetizione automatica

Il sistema ripete un tasto tenuto premuto. Ogni ripetizione è un keydown con repeat true, e al rilascio arriva un solo keyup.

Perché su Mac mancano alcuni eventi keyup?

Comando tenuto

Mentre tieni premuto Comando, i browser su macOS non inviano keyup per gli altri tasti, e non ne arriva nessuno neanche dopo aver rilasciato Comando. Test tastiera Mac →

Vengono caricati i tasti che premo?

Il test non li carica

Gli eventi vengono gestiti solo in questo browser. Il codice del test non li carica, e vengono cancellati quando chiudi la pagina. Informativa sulla privacy →