Keycode tester
Premi un tasto qualsiasi per vedere esattamente cosa riporta il browser nel suo evento di tastiera: il valore key, il codice fisico, il keyCode legacy, la location, i modificatori premuti, i tasti di blocco e il flag di ripetizione. Utile per lo sviluppo web, la mappatura dei tasti e per identificare un tasto sconosciuto.
Premi un tasto qualsiasi. Avvia l'acquisizione completa per esaminare anche Tab, Spazio, tasti F e scorciatoie (Esc due volte o Ferma per uscire).
event.key- —
event.code- —
event.keyCode- —
event.location- —
Modificatori- —
Tasti di blocco attivi- —
event.repeat- —
event.keyCode ed event.which sono deprecati ma i browser li segnalano ancora; usa event.code per i tasti fisici ed event.key per il carattere prodotto.
Registro eventi (ultimi 80)
| type | key | code | keyCode | location | repeat | Modificatori |
|---|
Come usare il keycode tester
- Premi un tasto qualsiasi. Il riquadro grande mostra il valore key e i campi accanto mostrano
event.key,event.code,event.keyCode,event.location, i modificatori premuti, i tasti di blocco attivi edevent.repeat. - Premi Avvia acquisizione completa per esaminare anche i tasti che il browser normalmente usa per sé, come Tab, Spazio, i tasti F e molte scorciatoie. Premi Esc due volte rapidamente, o Ferma, per uscire.
- Apri il registro eventi per vedere in ordine gli ultimi 80 eventi
keydownekeyup, per esempio per controllare una combinazione di tasti. - Premi Copia ultimo evento (JSON) per incollare i valori in una segnalazione di bug o nel codice. Svuota registro cancella l'elenco.
Cosa significa ogni valore
key: il carattere o il nome del tasto prodotto, dopo layout e modificatori. Maiusc+2 dà"@"su un layout statunitense e'"'su un layout britannico.code: il tasto fisico, chiamato in base alla sua posizione su una tastiera QWERTY statunitense. Su una tastiera AZERTY francese il tasto con la A riportaKeyQ. Usalo per comandi di gioco e scorciatoie legati alla posizione.keyCode(ewhichnel JSON): numeri legacy deprecati ma ancora riportati. Cambiano tra layout e browser; nel codice nuovo preferiscikeyocode.location: 0 standard, 1 sinistra, 2 destra, 3 tastierino numerico. Distingue Maiusc, Ctrl, Alt e Meta sinistri da quelli destri, e i tasti del tastierino dalla fila dei numeri.- Modificatori e tasti di blocco: Control, Maiusc, Alt e Meta premuti durante l'evento, e se Bloc Maiusc, Bloc Num o Bloc Scorr sono attivi, come riportato da
getModifierState(). repeat: sì per gli eventi ripetuti automaticamente mentre un tasto resta premuto.
Sorprese frequenti
Dead: i tasti degli accenti di molti layout internazionali non producono alcun carattere fino al tasto successivo, quindikeyvaleDead.Processo keyCode 229: un metodo di input (per esempio per il cinese o il giapponese, o alcune tastiere dei telefoni) sta componendo il testo e il tasto reale è nascosto.- AltGr su Windows arriva di solito come Control più Alt, quindi puoi vedere due eventi ed entrambi i modificatori.
- Tasto Command del Mac: finché Command è premuto, il browser non segnala il rilascio degli altri tasti.
codevuoto oUnidentified: la tastiera, il driver o la sessione remota non hanno fornito un tasto fisico. Il tasto Fn non compare mai perché viene gestito all'interno della tastiera.
Limiti
La pagina mostra ciò che il browser rende disponibile, dopo che il sistema operativo e il layout di tastiera hanno elaborato il tasto. Non può mostrare scan code grezzi o dati USB HID, non vede i tasti che il sistema operativo intercetta prima (come Ctrl+Alt+Canc) e non modifica né rimappa i tasti. Non misura nemmeno la latenza o il polling rate della tastiera. Per verificare che ogni tasto di una tastiera funzioni, usa il keyboard test; per più tasti contemporaneamente, il test ghosting.
Domande frequenti
Che differenza c'è tra key e code?
code indica la posizione fisica del tasto e resta uguale con qualsiasi layout. key è ciò che quella pressione produce con il layout e i modificatori attuali, per esempio a, A o @.
keyCode si può ancora usare senza problemi?
I browser lo riportano ancora, ma è deprecato e incoerente tra layout e browser. Usa event.key per i caratteri ed event.code per le posizioni fisiche.
Quello che scrivo viene inviato da qualche parte?
No. Gli eventi vengono mostrati solo in questa pagina e spariscono quando chiudi la scheda. Copiare il JSON lo mette solo nei tuoi appunti.
Test correlati
- Test tastieraPremi ogni tasto e guarda quali vengono registrati, con layout ANSI, ISO e Mac.
- Test ghostingTieni premuti più tasti insieme e guarda quali combinazioni la tastiera riesce a segnalare.
- Test chatterTrova i tasti che scrivono doppio: ogni pressione è cronometrata e le ripetizioni troppo rapide per un dito vengono segnalate.
- Test tastierino numericoPremi ogni tasto del tastierino numerico e guarda se viene registrato, con lo stato del Bloc Num in vista.
- Test tastiera MacTest tastiera con i nomi dei tasti Mac, per le tastiere MacBook e la Magic Keyboard.
- Test barra spaziatriceGuarda quante volte riesci a premere la barra spaziatrice in 5-60 secondi; tenerla premuta non conta.
- Test tastiera ChromebookTest tastiera con la mappa del Chromebook: tasto Ricerca, tasti della riga superiore e frecce.