Ricerca KeyCode JavaScript
Premere un tasto qualsiasi per ottenere i valori keyCode, key, code e which
Acquisizione da tastiera
Porti il focus qui e prema un tasto
Gli eventi da tastiera vengono acquisiti solo in quest'area. Tab registra il tasto e sposta il focus al controllo successivo.
Per eventi da tastiera completi, utilizzi una tastiera fisica. Le tastiere mobili potrebbero omettere alcune proprietà.
Ultimi tasti premuti
Qui appariranno gli ultimi 10 tasti premuti.
Dettagli dell'evento da tastiera
event.keyevent.codeevent.keyCodeObsoletoevent.whichObsoletoevent.locationevent.repeatTasti modificatori
Porti il focus sull'area di acquisizione per esaminare un evento da tastiera.
Informazioni sulla Ricerca KeyCode JavaScript
La Ricerca KeyCode JavaScript è uno strumento interattivo e gratuito per sviluppatori che mostra subito tutte le proprietà dell'evento da tastiera alla pressione di qualsiasi tasto. Che Lei stia creando scorciatoie da tastiera, comandi per giochi o navigazione accessibile, conoscere i valori esatti di event.key, event.code, event.keyCode ed event.which è essenziale per scrivere JavaScript affidabile e compatibile con ogni browser.
Le moderne applicazioni web si basano molto sulla gestione degli eventi da tastiera, dalla convalida dei moduli agli strumenti di collaborazione in tempo reale. Questa utilità di consultazione dei keycode elimina le congetture: mostra il codice fisico del tasto, il valore logico, l'identificatore di posizione e lo stato di tutti i modificatori (Shift, Ctrl, Alt, Meta) nel momento in cui il tasto viene premuto, direttamente nel browser e senza alcuna configurazione.
A differenza delle tabelle statiche di riferimento dei keycode, questo tester dal vivo degli eventi tastiera JavaScript rileva gli eventi reali del browser, così è possibile verificare il comportamento su sistemi operativi e layout di tastiera diversi. Indica inoltre con chiarezza quali proprietà sono obsolete, aiutando a scrivere codice a prova di futuro che segue gli standard attuali W3C Keyboard Event.
Funzioni principali
- Visualizzazione in tempo reale di
event.key,event.code,event.keyCode,event.whichedevent.location - Indicatori visivi dei tasti modificatori che mostrano lo stato di Shift, Ctrl, Alt e Meta
- Badge di obsolescenza sulle proprietà legacy come keyCode e which
- Copia con un clic del valore di qualsiasi proprietà dell'evento
- Esportazione di tutti i dati del tasto come oggetto JSON formattato
- Tabella cronologica degli ultimi 10 tasti premuti per il confronto
- Distingue automaticamente le posizioni sinistra, destra e tastierino numerico
- Rappresentazione visiva dei tasti per un'identificazione intuitiva
- Funziona con ogni tasto, inclusi tasti funzione, frecce e caratteri speciali
- Design completamente responsive con supporto della modalità scura
Come usare la Ricerca KeyCode JavaScript
- Attivi l'area di input: faccia clic in un punto qualsiasi della zona tratteggiata per la pressione dei tasti, in alto nello strumento, per attivare l'ascolto della tastiera.
- Prema un tasto qualsiasi: prema un tasto della tastiera e tutte le proprietà dell'evento compariranno subito nella griglia delle proprietà qui sotto.
- Controlli i modificatori: verifichi gli indicatori di Shift, Ctrl, Alt e Meta per vedere quali modificatori erano attivi durante la pressione del tasto.
- Copi i valori: faccia clic sull'icona di copia accanto a una proprietà per copiarne il valore, oppure usi il pulsante "Copia tutto come JSON" per esportare tutte le proprietà in una volta.
- Confronti i tasti: prema più tasti in sequenza e scorra fino alla tabella cronologica per confrontarne i codici affiancati.
- Azzeri e ripeta: prema il pulsante Cancella per reimpostare tutti i dati e iniziare una nuova sessione di test.
Casi d'uso
- Sviluppo di scorciatoie da tastiera: individui i valori corretti di key e code per realizzare scorciatoie personalizzate nelle applicazioni web.
- Comandi per giochi: associ i tasti fisici alle azioni di gioco controllando event.code per ottenere combinazioni di tasti indipendenti dal layout.
- Test di accessibilità: verifichi che la navigazione da tastiera funzioni correttamente e che tutti gli elementi interattivi rispondano ai tasti previsti.
- Migrazione di codice legacy: trovi gli equivalenti moderni di event.key per i valori obsoleti di event.keyCode usati nei progetti più datati.
- Debug cross-browser: verifichi che gli eventi da tastiera producano valori coerenti in Chrome, Firefox, Safari ed Edge.
- Convalida dei moduli di input: determini i valori esatti dei tasti per consentire o bloccare caratteri specifici nei campi di testo.
- Tutorial e documentazione: consulti rapidamente dati accurati sui keycode da inserire in guide per sviluppatori e materiale di riferimento.
- Distinzione tra tastierino numerico e tastiera principale: usi la proprietà location per distinguere i tasti numerici del tastierino da quelli standard.
Domande frequenti
Qual è la differenza tra event.key ed event.code?
event.key restituisce il valore logico del tasto (ad esempio "a" o "A" a seconda di Shift), mentre event.code restituisce il tasto fisico sulla tastiera (ad esempio "KeyA") a prescindere da modificatori o layout. Si usi event.key per l'inserimento di caratteri e event.code per le scorciatoie basate sulla posizione.
event.keyCode è ancora sicuro da usare?
event.keyCode è ufficialmente obsoleto secondo il W3C e può comportarsi in modo incoerente tra i browser. Per i nuovi progetti si usi event.key o event.code. Molte basi di codice legacy si affidano però ancora a keyCode, quindi questo strumento lo mostra come riferimento di retrocompatibilità.
Perché il campo location è importante?
La proprietà event.location distingue i tasti presenti in più punti della tastiera, come Shift sinistro e Shift destro, oppure la riga dei numeri e il tastierino numerico. È fondamentale per le applicazioni che devono differenziare tasti duplicati.
Questo strumento è gratuito?
Sì, la Ricerca KeyCode JavaScript è completamente gratuita, senza registrazione, senza limiti di utilizzo e senza costi nascosti. La si può usare quanto serve per lo sviluppo e i test.
I miei dati sono al sicuro?
Certamente. Tutto il rilevamento dei tasti avviene interamente nel browser tramite eventi tastiera JavaScript nativi. Nessuna pressione di tasti né dato dell'evento viene mai inviato a un server. Il Suo input resta completamente privato sul Suo dispositivo.
Funziona sui dispositivi mobili?
Lo strumento funziona al meglio con una tastiera fisica. Sui dispositivi mobili la tastiera su schermo potrebbe non attivare tutte le proprietà dell'evento in modo coerente. Per risultati affidabili, usi un computer desktop o portatile, oppure colleghi una tastiera esterna al dispositivo mobile.
Consigli e buone pratiche
- Preferisca event.key per l'inserimento di caratteri: tiene conto automaticamente di layout della tastiera, lingua e stato dei modificatori.
- Usi event.code per i comandi dei giochi: le posizioni fisiche dei tasti restano coerenti a prescindere dal layout della tastiera dell'utente (QWERTY, AZERTY, Dvorak).
- Provi sempre le combinazioni di modificatori: prema Ctrl+Shift+Tasto o Alt+Tasto per verificare che i listener delle scorciatoie rilevino la combinazione corretta.
- Controlli lo schema nella cronologia: confrontare più pressioni di tasti aiuta a individuare incoerenze o a trovare più in fretta i codici giusti.
- Esporti JSON per la documentazione: usi la funzione "Copia tutto come JSON" per incollare dati accurati dei tasti direttamente nei commenti del codice o nella documentazione per sviluppatori.
- Provi su più browser: i valori degli eventi da tastiera possono variare tra i browser, soprattutto per i tasti speciali. Verifichi sempre i browser di destinazione.