Beispielanalyse der Verwendung von Tastaturereignissen in Javascript_Javascript-Kenntnissen

Dieser Artikel analysiert die Verwendung von Tastaturereignissen in JavaScript anhand von Beispielen. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Zu den Tastaturereignissen gehören „onkeydown“, „onkeypress“ und „onkeyup“

Ereignisinitialisierung

function keyDown(){} 
document.onkeydown = keyDown; 
//论按下键盘上的哪个键，都将调用KeyDown()函数。 

DOM-Standard

function keyDown(e) { 
var keycode = e.which; //取得对应的键值（数字） 
var realkey = String.fromCharCode(e.which); //取得代表改键的真正字符 
alert("按键码: " + keycode + " 字符: " + realkey); 
} 
document.onkeydown = keyDown 

Unter IE

function keyDown() { 
　　 　　 var keycode = event.keyCode; //IE下取得键值的方法 
　　 　　 var realkey = String.fromCharCode(event.keyCode); 
　　 　　 alert("按键码: " + keycode + " 字符: " + realkey); 
} 
document.onkeydown = keyDown 

Kompatible Methoden

function keyUp(e) { 
　　 　 var currKey=0,e=e||event; 
　　 　 currKey=e.keyCode||e.which||e.charCode; 
　　 　　var keyName = String.fromCharCode(currKey); 
　　 　 alert("按键码: " + currKey + " 字符: " + keyName); 
} 
document.onkeyup = keyUp; 

Verwendungsprinzip: Das Keydown-Ereignis ist am nützlichsten für Funktionstasten, während das Keypress-Ereignis am nützlichsten für druckbare Tasten ist

Die folgenden Tastencodewerte sind nur im Textfeld gültig. Bei Verwendung im sind nur Buchstabentasten, Zifferntasten und einige Steuertasten verfügbar Schlüssel sind die gleichen wie die ASCII-Werte

Tastencodewert (keyCode) der alphabetischen und numerischen Tasten

Schlüsselcode
A 65
B         66
C         67
D 68
E         69
F 70
G 71
H 72
Ich 73
J         74
K 75
L 76
M 77
N 78
O 79
P         80
F       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

Tastencodewert (keyCode) der Taste auf der numerischen Tastatur Funktionstaste Tastencodewert (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

Steuertasten-Tastencodewert (keyCode)

Schlüsselcode
BackSpace 8
Esc 27
Rechtspfeil 39
Linker Pfeil 37
Abwärtspfeil 40
Pfeil nach oben 38
-_ 189
.> 190
Leertaste 32
Tab 9
Löschen Sie 12
Seite nach oben 33
Seite nach unten 34
Geben Sie 13
ein 45 einfügen
;: 186
Löschen Sie 46
`~ 192
/? 191
Num Lock 144
Kontrolle 17
Startseite 36
Ende 35
Schicht 16
[{            219
}]             221
|. 220
= 187
,< 188
'" 222
Cape Lock 20
Alt 18

Ich hoffe, dass dieser Artikel für das JavaScript-Programmierdesign aller hilfreich sein wird.