Dieser Artikel analysiert die Verwendung von Tastaturereignissen in JavaScript. Teilen Sie es für Ihre Referenz. Die Details sind wie folgt:
Das Tastaturereignis umfasst drei Veranstaltungen: Onkeydown, Onkeypress und OnKeyUp
Ereignisinitialisierung
Funktion keydown () {} document.onkeydown = keydown; // Die Funktion von KeyDown () wird beim Drücken der Taste auf der Tastatur aufgerufen.Gemäß dem DOM -Standard
Funktion keydown (e) {var keycode = e.Which; // Erhalten Sie den entsprechenden Schlüsselwert (Zahl) var realkey = string.fromCharCode (E.Which); // Erhalten Sie den realen Zeichenalarm, der die Schlüsseländerung darstellt ("KeyCode:" + keyCode + "Zeichen:" + RealKey); } document.onkeydown = keydownDh
Funktion keydown () {var keyCode = event.KeyCode; // Methode, um den Schlüsselwert in IE var realkey = string.fromCharCode (Event.KeyCode) zu erhalten; alert ("keyCode:" + keyCode + "Zeichen:" + RealKey); } document.onkeydown = keydownKompatible Methode
Funktion keyUp (e) {var currkey = 0, e = e || Ereignis; CurrKey = E.KeyCode || E.Which || E. charcode; var keyname = string.fromCharCode (Currkey); alert ("Schlüsselcode:" + Currkey + "Zeichen:" + Keyname); } document.onkeyUp = keyUp;Nutzungsprinzip: Das Schlüsseldown -Ereignis ist für Funktionstasten am nützlichsten, während das Schlüsselpressereignis für druckbare Tasten am nützlichsten ist
Die folgenden Schlüsselcodewerte sind im Textfeld nur vollständig gültig. Wenn sie im <body> -Tag verwendet werden, sind nur Buchstabenschlüssel, numerische Schlüssel und Teilsteuerschlüssel verfügbar, und die Schlüsselwerte der Buchstabenschlüssel und numerischen Schlüssel sind mit dem ASCII -Wert überein.
Schlüsselcodewert von Buchstaben und numerischen Tasten (Schlüsselcode)
Schlüsselcode
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
Schlüsselcode -Wert von Tasten im FunktionskeyCode -Wert (KeyCode) der Numeric -Tastatur (KeyCode).
Schlüsselcode
0 96
1 97
2 98
3 99
4 100
5 101
6 102
7 103
8 104
9 105
* 106
+ 107
Geben Sie 108 ein
- 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
Steuerschlüsselcodewert (Schlüsselcode)
Schlüsselcode
Backpace 8
Esc 27
Richtiger Pfeil 39
Links Pfeil 37
Down Pfeil 40
Auf Pfeil 38
-_ 189
.> 190
RABEBAR 32
Tab 9
Klar 12
Seite Up 33
Seite nach unten 34
Geben Sie 13 ein
Einfügen 45
;: 186
46 löschen
`~ 192
/? 191
Num Lock 144
Kontrolle 17
Home 36
Ende 35
Schicht 16
[{219
}] 221
/| 220
=+ 187
, <188
'"222
Cape Lock 20
Alt 18
Ich hoffe, dieser Artikel wird für JavaScript -Programme aller hilfreich sein.