341 outils gratuits
Outils en ligne
341 outils gratuits, sans inscription ni installation, tout se passe dans votre navigateur.
341 outils gratuits, sans inscription ni installation, tout se passe dans votre navigateur.
event.key, code et keyCode d'une touche
Écouter le clavier en JavaScript suppose de savoir quelle propriété regarder, et il y en a trois qui ne disent pas la même chose. Cet outil capture la touche que vous appuyez et affiche `event.key`, `event.code`, l'ancien `keyCode` et la position physique de la touche. La différence saute aux yeux sur un clavier français : la touche à droite du L rend `key: 'm'` mais `code: 'Semicolon'`, parce que le code désigne l'emplacement physique et non le caractère produit. C'est exactement ce qui casse un raccourci clavier conçu sur un clavier américain. Tout se lit dans le navigateur, rien n'est transmis.
`key` pour ce que l'utilisateur a tapé, `code` pour où il a appuyé. Un raccourci de saisie de texte suit `key` ; un raccourci de jeu, où ZQSD et WASD doivent tomber au même endroit, suit `code`. Se tromper de propriété donne un raccourci qui marche chez son auteur et nulle part ailleurs.
Parce qu'il est déprécié depuis des années : ses valeurs varient d'un navigateur à l'autre et ne distinguent pas les dispositions clavier. Il reste affiché ici parce qu'on croise encore du code qui s'en sert, et qu'il faut bien pouvoir comparer quand on le remplace.
À distinguer les touches présentes en double : Maj gauche et Maj droite, ou le pavé numérique du rang de chiffres du haut. Un pavé numérique rend une position différente, ce qui permet par exemple de n'accepter que lui pour une saisie de montant.
Un résultat qui vous paraît faux, une valeur périmée, un cas qui manque ? Signalez-le à contact@topapps.fr