Appuyez sur une touche pour l’identifier et examiner les valeurs envoyées par le navigateur dans les événements keydown et keyup. Le test affiche key, code, l’ancien keyCode, location, repeat et les propriétés de modification ctrlKey, shiftKey, altKey et metaKey. Toutes les données sont traitées localement dans le navigateur.
keydownkeyupUne pression produit l’événement keydown et le relâchement produit keyup. La page enregistre les deux, ce qui aide à tester raccourcis, jeux, formulaires, commandes d’accessibilité et claviers particuliers.
| Propriété | Signification |
|---|---|
key |
Caractère ou action produit, comme a, A ou Enter. |
code |
Position physique, comme KeyA ou NumpadEnter. |
keyCode |
Ancienne valeur numérique affichée pour compatibilité. |
location |
Distingue les emplacements standard, gauche, droit et pavé numérique. |
repeat |
Passe à true lorsqu’une touche maintenue se répète. |
| Modificateurs | ctrlKey, shiftKey, altKey et metaKey. |
key, code et keyCodeUtilisez key lorsque le caractère ou l’action compte. Utilisez code lorsque la position physique compte, par exemple dans un jeu. keyCode et which sont obsolètes et peuvent varier selon le navigateur et le système.
| Touche | key |
code |
keyCode |
|---|---|---|---|
| Entrée | Enter |
Enter |
13 |
| Échap | Escape |
Escape |
27 |
| Espace | " " |
Space |
32 |
| Flèche gauche | ArrowLeft |
ArrowLeft |
37 |
| Flèche haut | ArrowUp |
ArrowUp |
38 |
| Flèche droite | ArrowRight |
ArrowRight |
39 |
| Flèche bas | ArrowDown |
ArrowDown |
40 |
| A | a ou A |
KeyA |
65 |