Informations sur les codes de touches

Trouvez le code de touche JavaScript, le code, l'emplacement et les modificateurs de toute touche pressée.

Appuyez sur une touche

Appuyez sur la touche de votre clavier dont vous voulez obtenir des informations

Touche :
Code de touche :
Code :
Emplacement :
Modificateurs :

Touches récentes :

À propos des Informations sur les Codes de Touches

Cet outil aide les développeurs web à identifier les différentes propriétés et valeurs des événements clavier en JavaScript, ce qui est essentiel pour implémenter des raccourcis clavier, des fonctionnalités d'accessibilité et des applications web interactives.

Propriétés des événements clavier

JavaScript fournit plusieurs propriétés d'événements clavier :

  • key - Retourne la valeur de la touche caractère ou non-caractère (ex. "A", "Enter", "Escape")
  • keyCode - Retourne la valeur Unicode de la touche (déprécié mais toujours largement utilisé)
  • code - Retourne le code de la touche physique (ex. "KeyA", "Enter", "Escape")
  • location - Retourne l'emplacement de la touche sur le clavier (0 pour standard, 1 pour gauche, 2 pour droite, 3 pour pavé numérique)
  • altKey, ctrlKey, shiftKey, metaKey - Valeurs booléennes indiquant si les touches modificatrices sont pressées
Cas d'utilisation courants
  • Implémentation de raccourcis clavier et de touches de raccourci dans les applications web
  • Création de jeux basés sur le web avec contrôles clavier
  • Construction d'interfaces web accessibles avec navigation au clavier
  • Implémentation de validation de formulaires et de restrictions de saisie
  • Développement d'éditeurs de code interactifs et d'outils de manipulation de texte
Bonnes pratiques

Utilisation des propriétés modernes

La propriété keyCode est dépréciée. Il est recommandé d'utiliser les propriétés key ou code à la place pour une gestion des événements clavier plus fiable et sémantiquement significative.

Key vs Code

Utilisez key quand vous vous souciez du caractère tapé, et code quand vous vous souciez de la position physique de la touche indépendamment de la disposition du clavier.

Considérations d'accessibilité

Fournissez toujours des moyens alternatifs d'accéder aux fonctionnalités qui utilisent des raccourcis clavier, et évitez les conflits avec les raccourcis clavier du navigateur et du lecteur d'écran.