Afficher les valeurs des touches du clavier
Par Laurent | 21.11.09 07:25 | 1 commentaire(s) | programmation
Lorsque l'on développe des pages web, il peut s'avérer utile de créer une fonction permettant d'afficher la valeur d'une touche clavier pour ainsi appliquer quelque chose en fonction de la touche entrée.
Ex : si j'appuie sur la touche espace de mon clavier alors je veux par exemple lancer une fonction qui lancera un jeu...
Comment réaliser cette fonction et quel langage utiliser?
1) il suffit de détecter la touche du clavier appuyée
2) de tester si la valeur renvoyée est égale à celle de référence (en l'occurence celle que l'on se fixe : ici la barre d'espace)
J'utilise le code javascript couplé avec un peu d'html :
Vous pourrez voir un exemple du script
Explication du script:
Je déclare une fonction affiche_valeur qui va afficher la valeur de la touche appuyée par le biais du paramètre évènement qu'on lui transmet par le biais de la balise (appel de la fonction : onkeydown = action lors de l'appuie d'une touche du clavier)
Je fais un test : si la valeur de la touche du clavier est égale à 32 (touche espace du clavier) alors j'affiche un autre texte : Vous venez d'appuyer sur la touche espace ..., sinon j'afficherais : Code de la touche appuyé : numero touche ...Et voilà..
Le résultat est affiché dans un div qui a un id="reponse"
En fonction de la liste non exhaustive ci-dessous de valeur (code des touches du clavier) vous pourrez ainsi tester telle ou telle touche appuyée :
65-> A
66-> B
67-> C
68-> D
69-> E
70-> F
71-> G
72-> H
73-> I
74-> J
75-> K
76-> L
77-> M
78-> N
79-> O
80-> P
81-> Q
82-> R
83-> S
84-> T
85-> U
86-> V
87-> W
88-> X
89-> Y
90-> Z
0-> 96
1-> 97
2-> 98
3-> 99
4-> 100
5-> 101
6-> 102
7-> 103
8-> 104
9-> 105
+-> 43
--> 45
.-> 46
Shift-> 16
Ctrl -> 17
Alt-> 18
Tab-> 9
Ech-> 27
Entrée-> 13
Barre d'espace-> 32
derniers commentaires