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| key | code | ||
|---|---|---|---|
| Modifiers | |||
| Valeurs keyCode héritées pour les lettres et les touches numériques | |||||||
| Clé | keyCode | Clé | keyCode | Clé | keyCode | Clé | keyCode |
| A | 65 | J | 74 | S | 83 | 1 | 49 |
| B | 66 | K | 75 | T | 84 | 2 | 50 |
| C | 67 | L | 76 | U | 85 | 3 | 51 |
| D | 68 | M | 77 | V | 86 | 4 | 52 |
| E | 69 | N | 78 | W | 87 | 5 | 53 |
| F | 70 | O | 79 | X | 88 | 6 | 54 |
| G | 71 | P | 80 | Y | 89 | 7 | 55 |
| H | 72 | Q | 81 | Z | 90 | 8 | 56 |
| I | 73 | R | 82 | 0 | 48 | 9 | 57 |
| Valeurs keyCode héritées pour les touches du pavé numérique | Function key values (keyCode) | ||||||
| Clé | keyCode | Clé | keyCode | Clé | keyCode | Clé | keyCode |
| 0 | 96 | 8 | 104 | F1 | 112 | F7 | 118 |
| 1 | 97 | 9 | 105 | F2 | 113 | F8 | 119 |
| 2 | 98 | * | 106 | F3 | 114 | F9 | 120 |
| 3 | 99 | + | 107 | F4 | 115 | F10 | 121 |
| 4 | 100 | Entrée | 13 | F5 | 116 | F11 | 122 |
| 5 | 101 | - | 109 | F6 | 117 | F12 | 123 |
| 6 | 102 | . | 110 | ||||
| 7 | 103 | / | 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é | keyCode | Clé | keyCode | Clé | keyCode | Clé | keyCode |
| RetourEspace | 8 | Échap | 27 | Flèche droite | 39 | -_ | 189 |
| Tab | 9 | Barre d'espace | 32 | Down Arrow | 40 | .> | 190 |
| Effacer | 12 | Page précédente | 33 | Insérer | 45 | /? | 191 |
| Entrée | 13 | Page suivante | 34 | Suppr | 46 | `~ | 192 |
| Maj | 16 | Fin | 35 | Verr. num. | 144 | [{ | 219 |
| Ctrl | 17 | Accueil | 36 | ;: | 186 | \| | 220 |
| Alt | 18 | Flèche gauche | 37 | =+ | 187 | ]} | 221 |
| Verr. maj. | 20 | Flèche vers le haut | 38 | ,< | 188 | '" | 222 |
| Print Screen | 44 | Scroll Lock | 145 | Pause | 19 | Windows / Command | 91 |
| Right Windows / Command | 92 | Context menu | 93 | ||||
| Multimedia key values (keyCode) | |||||||
| Clé | keyCode | Clé | keyCode | Clé | keyCode | Clé | keyCode |
| Volume plus | 175 | ||||||
| Volume minus | 174 | ||||||
| Arrêter | 179 | ||||||
| Muet | 173 | ||||||
| Browser | 172 | ||||||
| Courrier | 180 | ||||||
| Rechercher | 170 | ||||||
| Collection | 171 | ||||||
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.
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.
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 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.
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.