Cet article analyse l'utilisation des événements du clavier en JavaScript. Partagez-le pour votre référence. Les détails sont les suivants:
L'événement du clavier comprend trois événements: Onkeydown, OnkeyPress et OnkeyUp
Initialisation de l'événement
function keydown () {} document.onkeydown = keydown; // La fonction KeyDown () sera appelée lors de l'appuyer sur quelle touche sur le clavier.Sous la norme DOM
Keydown de fonction (e) {var keyCode = e.which; // Obtenez la valeur de clé correspondante (nombre) var realKey = string.fromCharcode (e.which); // Obtenez l'alerte de caractère réelle qui représente le changement de clé ("Keycode:" + Keycode + "Caractère:" + RealKey); } document.onkeydown = keydownC'est-à-dire
function keydown () {var keycode = event.KeyCode; // Méthode pour obtenir la valeur de clé dans ie var realKey = string.fromCharcode (event.KeyCode); alert ("keycode:" + keycode + "caractères:" + realKey); } document.onkeydown = keydownMéthode compatible
Fonction KeyUp (e) {var currkey = 0, e = e || événement; currkey = e.KeyCode || e.which || e.Charcode; var keyName = string.fromCharcode (currkey); alert ("Key Code:" + currkey + "Caractère:" + keyName); } document.onKeyUp = keyup;Principe d'utilisation: L'événement Keydown est le plus utile pour les clés de fonction, tandis que l'événement Keypress est le plus utile pour les clés imprimables
Les valeurs de code de clé suivantes ne sont entièrement valides que dans la zone de texte. S'ils sont utilisés dans la balise <body>, seules les clés de lettre, les clés numériques et les clés de contrôle partielle sont disponibles, et les valeurs de clés des clés de lettre et des clés numériques sont les mêmes que la valeur ASCII.
Valeur de keycode des lettres et des clés numériques (Keycode)
Code clé
A 65
B 66
C 67
D 68
E 69
F 70
G 71
H 72
I 73
J 74
K 75
L 76
M 77
N 78
O 79
P 80
Q 81
R 82
S 83
T 84
U 85
V 86
W 87
X 88
Y 89
Z 90
0 48
1 49
2 50
3 51
4 52
5 53
6 54
7 55
8 56
9 57
Valeur de keycode des touches sur la valeur Keycode (KeyCode)
Code clé
0 96
1 97
2 98
3 99
4 100
5 101
6 102
7 103
8 104
9 105
* 106
+ 107
Entrez 108
- 109
. 110
/ 111
F1 112
F2 113
F3 114
F4 115
F5 116
F6 117
F7 118
F8 119
F9 120
F10 121
F11 122
F12 123
Valeur de code de clé de contrôle (Keycode)
Code clé
Backspace 8
ESC 27
Flèche droite 39
Flèche gauche 37
Down flèche 40
Up Arrow 38
-_ 189
.> 190
Barre d'espace 32
Onglet 9
Clear 12
PAGE UP 33
Page en baisse 34
Entrez 13
Insérer 45
;: 186
Supprimer 46
`~ 192
/? 191
Lock num 144
Contrôle 17
Accueil 36
Fin 35
Shift 16
[{219
}] 221
/ | 220
= + 187
, <188
'"222
Cape Lock 20
Alt 18
J'espère que cet article sera utile à la programmation JavaScript de tous.