Infos des touches du clavier
Appuyez sur n’importe quelle touche — voyez sa touche, son code et son keyCode aussitôt
- key
- —
- code
- —
- keyCode
- —
- which
- —
- location
- —
✦ Trois noms pour chaque frappe
Une seule frappe produit trois identifiants : key (le caractère, dépendant de la disposition), code (la position physique, indépendante de la disposition) et le numéro keyCode historique. Les confondre est le bug classique des raccourcis — des raccourcis qui marchent sur votre QWERTY cassent sur l’AZERTY d’un collègue parce que vous avez lu key où il fallait code.
Ce que fait cet outil
- ⌨️ Affiche key, code, keyCode, which et location pour chaque frappe
- 🔍 Distingue les modificateurs gauche/droit et les touches du pavé numérique
- 📋 Les valeurs se mettent à jour en direct, prêtes à copier dans du code
- ⚡ Zéro configuration — cliquez et appuyez
Quand l’utiliser
- Pour déboguer pourquoi un raccourci se déclenche (ou pas)
- Pour écrire des contrôles de jeu indépendants de la disposition
- Pour vérifier ce qu’un clavier exotique envoie réellement
Confidentialité : les frappes sont lues localement et affichées — rien n’est enregistré ni envoyé où que ce soit.
Dernière mise à jour · 2026-09-01
Comment fonctionne l’inspection
Les propriétés natives de KeyboardEvent sont lues directement (key/code/keyCode/which/location) avec un libellé Espace convivial et un décodage de location gauche/droit/pavé numérique. Les écouteurs siègent sur le capteur et le document, les frappes s’enregistrent donc partout où c’est raisonnable.
Pourquoi inspecter les touches ici ?
Les cinq identifiants d’un coup
key, code, keyCode historique, which et location s’affichent ensemble par frappe — le tableau complet que les autres testeurs éparpillent sur plusieurs onglets.
Sensible aux modificateurs
Shift/Ctrl/Alt gauche contre droit et touches du pavé numérique rapportent leurs codes et locations distincts, exactement le détail où se cachent les bugs de raccourcis.
Débogage sans friction
Ni formulaire, ni bouton : cliquez le capteur et appuyez. Les valeurs restent à l’écran pour être copiées directement dans les gestionnaires d’événements.
Questions fréquentes
key contre code — quelle différence ?⌄
key est ce que la frappe produit (dépendant de la disposition : q en QWERTY, a en AZERTY pour la même touche physique), tandis que code nomme la position physique de la touche (KeyQ) quelle que soit la disposition. Jeux et raccourcis devraient écouter code.
keyCode est-il déprécié ?⌄
Oui, officiellement — mais chaque framework et vieux tutoriel l’affiche encore, donc cette page le montre aux côtés des valeurs modernes pour vérification croisée.
Pourquoi les Shift gauche et droit diffèrent-ils ?⌄
Ils partagent le nom de touche mais rapportent des codes différents (ShiftLeft contre ShiftRight) et des valeurs de location (1 contre 2) — exactement le détail nécessaire pour lier des raccourcis spécifiques aux modificateurs.
Questions fréquentes
key contre code — quelle différence ?
key est ce que la frappe produit (dépendant de la disposition : q en QWERTY, a en AZERTY pour la même touche physique), tandis que code nomme la position physique de la touche (KeyQ) quelle que soit la disposition. Jeux et raccourcis devraient écouter code.
keyCode est-il déprécié ?
Oui, officiellement — mais chaque framework et vieux tutoriel l’affiche encore, donc cette page le montre aux côtés des valeurs modernes pour vérification croisée.
Pourquoi les Shift gauche et droit diffèrent-ils ?
Ils partagent le nom de touche mais rapportent des codes différents (ShiftLeft contre ShiftRight) et des valeurs de location (1 contre 2) — exactement le détail nécessaire pour lier des raccourcis spécifiques aux modificateurs.