Chercheur JavaScript KeyCode & Référence Événement
Trouvez instantanément les valeurs numériques keyCode, key et code pour n’importe quelle touche. Notre outil interactif JS KeyCode aide les développeurs à capturer les entrées utilisateurs, créer des raccourcis clavier et gérer les contrôles de jeu avec précision. Appuyez simplement sur une touche pour voir les données de l’événement en temps réel.
Pourquoi utiliser un outil KeyCode ?
Dans le développement web, gérer les événements clavier est essentiel pour l’accessibilité et l’expérience utilisateur. Cet outil fournit les trois valeurs critiques pour addEventListener :
- event.key : Le caractère réel produit (ex.
"a", "Enter", "ArrowUp").
- event.code : La touche physique sur le clavier (ex.
"KeyA", "NumpadEnter").
- event.keyCode (Legacy) : Le code numérique associé à la touche (ex.
13 pour Enter, 27 pour Escape).
Événements modernes vs anciens
Bien que de nombreux tutoriels anciens utilisent event.keyCode, le standard web moderne utilise event.key et event.code pour un meilleur support multi-navigateurs et international.
- Obsolète :
keyCode, which, charCode.
- Standard moderne :
key (basé sur la valeur) et code (basé sur la position).
Référence KeyCodes fréquents
| Touche |
keyCode |
Valeur .key |
Valeur .code |
| Enter |
13 |
"Enter" |
"Enter" |
| Escape |
27 |
"Escape" |
"Escape" |
| Space |
32 |
" " |
"Space" |
| Arrow Up |
38 |
"ArrowUp" |
"ArrowUp" |
| Tab |
9 |
"Tab" |
"Tab" |
- Focus : Cliquez dans le champ pour l’activer.
- Appuyez : Tapez sur n’importe quelle touche.
- Inspectez : L’écran se met à jour instantanément avec le code numérique et les valeurs string pour cet événement.
- Implémentez : Copiez les valeurs directement dans vos
if ou switch.
Note développeur : Tous les événements sont détectés localement via un listener keydown. Aucune donnée n’est envoyée à nos serveurs.