Mode d'emploi
- Cliquez sur la zone grise pour qu'elle ait le focus.
- Appuyez sur chaque touche. Une touche s'allume tant qu'elle est tenue et garde une teinte une fois pressée.
- Tenez ensemble trois touches, par exemple Q, A et W, puis lisez Plus grand nombre de touches tenues ensemble et Test anti-fantôme.
- Regardez le tableau pour event.key et event.code. Appuyez sur Réinitialiser pour recommencer.
Ce que montre le test
event.code désigne la touche physique. La touche en position A est KeyA sur toutes les dispositions, et son nom ne change pas quand la langue du clavier change. event.key est le caractère ou le nom que le système produit avec la disposition courante, donc il change avec la langue.
- event.code : la touche physique, par exemple KeyA ou Digit2.
- event.key : ce que la touche produit, par exemple a ou A, selon Maj et la disposition.
- emplacement : si la touche est à gauche ou à droite du clavier, ou sur le pavé numérique.
- répétition : oui quand la touche est toujours tenue et que le système la renvoie.
Dispositions sur l'image
ANSI (États-Unis) a une touche Entrée courte et une touche antislash en haut à droite. ISO a une touche Entrée haute et une touche supplémentaire à gauche de Z. Turc Q reprend la forme ISO avec les lettres turques : ı est à la place du I du clavier américain, et ğ, ü, ş, i, ö et ç se trouvent après P, après Ğ, après L, après Ş, après M et après Ö. Les lettres imprimées montrées sont les légendes habituelles ; les touches de votre clavier peuvent être différentes.
AZERTY (français) reprend la forme ISO avec les lettres déplacées : A est à la place de Q sur le clavier américain, Z à la place de W, Q à la place de A, W à la place de Z, et M après L. Ses chiffres demandent la touche Maj. QWERTZ (allemand) reprend la forme ISO avec Y et Z échangés, et Ü, Ö, Ä et ß se trouvent après P, après L, après Ö et après le 0. ABNT2 (brésilien) reprend la forme ISO avec Ç après L, une touche apostrophe à gauche de 1, et une touche supplémentaire à gauche de la touche Maj de droite, qui tape / et ?
Les codes ne changent pas avec la disposition. Le code désigne la place de la touche sur le clavier américain : la touche qui imprime A sur un AZERTY a donc le code KeyQ, et event.key affiche le A.
Roulement et anti-fantôme
Le roulement est le nombre de pressions de touches qu'un clavier signale en même temps. Un clavier à roulement complet signale chaque touche tenue. Un clavier moins cher peut perdre une touche quand plusieurs touches sont pressées selon un certain motif, ce qu'on appelle le fantôme (ghosting). Pour vérifier, tenez trois touches ou plus, comme Q, A et W, et regardez qu'elles s'allument toutes.
Exemple : la touche I sur un clavier Turc Q
Sur un clavier Turc Q, la touche de la position I du clavier américain porte un ı. L'appui donne event.code KeyI et event.key ı. Avec Maj tenue, event.key devient I. La position de la touche et le code restent les mêmes ; seul le caractère change avec la disposition.
Questions fréquentes
Le test enregistre-t-il ce que je tape ?
Non. La page ne lit les événements de touche que lorsque la zone de test a le focus, les affiche à l'écran et les efface quand vous réinitialisez le test ou quittez la page. Rien n'est envoyé à notre serveur ni gardé dans le navigateur.
Pourquoi une touche ne s'allume-t-elle pas ?
Certaines touches sont utilisées par le système ou le navigateur avant que la page ne les voie, comme Ctrl+W, Alt+Tab ou la touche Windows. Essayez la touche dans une autre application : si elle s'y allume et pas ici, le navigateur l'intercepte.
Que montre le test anti-fantôme ?
Il indique si trois touches ou plus ont été signalées ensemble pendant ce test. Si une touche cesse de s'allumer quand vous tenez trois touches formant un coin ou un rectangle, le clavier a peut-être un fantôme.
Pourquoi event.key change-t-il quand je change la langue du clavier ?
event.key est le caractère que le système produit avec la disposition courante : la touche en position I donne ı sur une disposition turque et i sur une disposition anglaise. event.code reste le même, car il désigne la touche physique.
Le test fonctionne-t-il sur un téléphone ?
Peu : le clavier affiché à l'écran n'envoie pas les codes des touches physiques de la même façon. Utilisez un ordinateur avec un clavier matériel pour un test complet.
Sources
- UI Events, valeurs de code de KeyboardEvent, spécification du W3C (en anglais)
- UI Events, valeurs de key de KeyboardEvent, spécification du W3C (en anglais)
- KeyboardEvent, MDN Web Docs (en anglais)
- Disposition française AZERTY, Microsoft Learn (en anglais)
- Disposition allemande QWERTZ, Microsoft Learn (en anglais)
- Disposition brésilienne ABNT2, Microsoft Learn (en anglais)
- Touche IntlRo de la disposition KBDBR, Keyboard Layout Info (en anglais)
Chiffres et texte vérifiés pour la dernière fois le jeudi 12 novembre 2026.