Lire le keyCode historique d’une touche

Activez d’abord le champ. keyCode est obsolète et dépend de l’environnement ; utilisez les propriétés key ou code pour du nouveau code événementiel.

Fonctionne localement dans votre navigateur
Afficher les valeurs KeyCode ici
key code 
Modifiers 
Valeurs keyCode héritées pour les lettres et les touches numériques
ClékeyCodeClékeyCodeClékeyCodeClékeyCode
A65J74S83149
B66K75T84250
C67L76U85351
D68M77V86452
E69N78W87553
F70O79X88654
G71P80Y89755
H72Q81Z90856
I73R82048957
Valeurs keyCode héritées pour les touches du pavé numériqueFunction key values (keyCode)
ClékeyCodeClékeyCodeClékeyCodeClékeyCode
0968104F1112F7118
1979105F2113F8119
298*106F3114F9120
399+107F4115F10121
4100Entrée13F5116F11122
5101-109F6117F12123
6102.110
7103/111

Num Lock off: 0→45 Insert · 1→35 End · 2→40 ArrowDown · 3→34 PageDown · 4→37 ArrowLeft · 5→12 Clear · 6→39 ArrowRight · 7→36 Home · 8→38 ArrowUp · 9→33 PageUp · .→46 Delete · Enter→13

Valeurs keyCode des touches de contrôle
ClékeyCodeClékeyCodeClékeyCodeClékeyCode
RetourEspace8Échap27Flèche droite39-_189
Tab9Barre d'espace32Down Arrow40.>190
Effacer12Page précédente33Insérer45/?191
Entrée13Page suivante34Suppr46`~192
Maj16Fin35Verr. num.144[{219
Ctrl17Accueil36;:186\|220
Alt18Flèche gauche37=+187]}221
Verr. maj.20Flèche vers le haut38,<188'"222
Print Screen44Scroll Lock145Pause19Windows / Command91
Right Windows / Command92Context menu93
Multimedia key values (keyCode)
ClékeyCodeClékeyCodeClékeyCodeClékeyCode
Volume plus175
Volume minus174
Arrêter179
Muet173
Browser172
Courrier180
Rechercher170
Collection171

Lire les valeurs d’une touche

Appuyez sur une touche dans le champ : la page affiche quatre informations sur cette seule frappe — la valeur key, le code physique, le keyCode historique et les modificateurs actifs. Les valeurs sont lues par la page elle-même, rien n’est donc envoyé et la lecture fonctionne hors ligne.

Les quatre tableaux ci-dessous recensent le keyCode historique que chaque touche signale dans Chrome actuel sous Windows. Ils servent à lire du code ancien, ce n’est pas une recommandation : keyCode est obsolète, et event.key et event.code couvrent presque tout ce qu’on lui demandait autrefois.

  1. Cliquez dans le champ, puis appuyez sur une seule touche. Le compteur affiche le keyCode et le tableau au-dessus la valeur key, la valeur code et les modificateurs enfoncés.
  2. Relâchez tout avant la touche suivante pour garder la ligne des modificateurs lisible. Le champ se vide après chaque frappe ; utilisez Effacer pour repartir de zéro.
  3. Comparez la valeur affichée avec les tableaux ci-dessous. Une touche absente de la liste affiche quand même sa valeur dans le compteur.
  4. Pour du code ancien, confrontez keyCode à key et code avant de le remplacer : flèches, ponctuation et modificateurs ne se comportent pas de la même façon.

Ce que montrent les tableaux et d’où viennent les nombres

Ce que veut dire chaque valeur

key est le caractère ou le nom de la touche, et il suit votre disposition et les modificateurs : la même touche physique donne a, A ou é selon Maj et la disposition du clavier. code est la position physique sur une disposition américaine, donc KeyA reste KeyA quel que soit le caractère produit. keyCode est le nombre historique autour duquel cette page a été construite, et le compteur l’affiche à côté des deux autres.

Les modificateurs sont signalés séparément comme Shift, Ctrl, Alt et Meta et décrivent l’état au moment de la frappe. Maj seule signale Shift avec keyCode 16 et code ShiftLeft ou ShiftRight : les copies gauche et droite se distinguent par code, même si keyCode ne les sépare pas.

Comment les tableaux ont été vérifiés

Chaque valeur des quatre tableaux a été comparée à de vraies frappes dans Chrome actuel sous Windows. Lettres et chiffres signalent leur valeur ASCII en majuscule : A vaut 65 et 0 vaut 48, sans différence entre la forme avec Maj et sans. Les touches de fonction vont de 112 à 123. La ponctuation signale le caractère américain sans Maj, donc ; et : donnent tous deux 186.

Touches de contrôle, flèches, rangée de fonction et touches multimédia ont été vérifiées de la même manière. Les lignes Impr. écran, Arrêt défil, Pause, touches Windows et touche menu contextuel manquaient dans la version précédente de ce tableau ; elles figurent ici parce que sous Windows elles signalent bien un keyCode.

Le pavé numérique dépend de Verr. num.

Le tableau du pavé numérique liste les valeurs signalées quand Verr. num. est actif : de 0 à 9 ce sont 96 à 105, et les opérateurs * 106, + 107, - 109, . 110 et / 111. Verr. num. désactivé, ces mêmes touches deviennent des touches de navigation et signalent leurs valeurs : 0 devient Insert, 1 devient Fin, 2 devient Flèche bas, 5 devient Clear avec la valeur 12 et le point décimal devient Suppr.

Deux entrées entrent en collision avec le clavier principal dans cet état : l’Entrée du pavé numérique signale 13 comme l’Entrée principale, et le point décimal signale 46 comme Suppr. La valeur code continue de les séparer, NumpadEnter et NumpadDecimal face à Enter et Delete ; c’est pour cela que code est affiché à côté de keyCode et non à sa place.

Ce que l’outil ne peut pas voir

Une page web ne reçoit que ce que le navigateur veut bien envoyer. Impr. écran déclenche un keydown et généralement aucun keyup : elle apparaît dans le compteur et y reste jusqu’à la frappe suivante. La touche Fn des ordinateurs portables, les touches de volume et de luminosité gérées par le système et la touche Copilot ne signalent rien du tout.

Le focus compte aussi : le champ doit être actif pour qu’une frappe soit lue, et une touche pressée alors que la fenêtre est en arrière-plan n’atteint jamais la page. Testez une touche à la fois.

Outils récents :