This article analyzes the usage of keyboard events in JavaScript. Share it for your reference. The details are as follows:
The keyboard event includes three events: onkeydown, onkeypress and onkeyup
Event Initialization
function keyDown(){} document.onkeydown = keyDown; //The KeyDown() function will be called when pressing which key on the keyboard.Under the DOM standard
function keyDown(e) { var keycode = e.which; //Get the corresponding key value (number) var realkey = String.fromCharCode(e.which); //Get the real character alert that represents the key change("keycode: " + keycode + " character: " + realkey); } document.onkeydown = keyDownIE
function keyDown() { var keycode = event.keyCode; // Method to get key value in IE var realkey = String.fromCharCode(event.keyCode); alert("Keycode: " + keycode + " Character: " + realkey); } document.onkeydown = keyDownCompatible method
function keyUp(e) { var currKey=0,e=e||event; currKey=e.keyCode||e.which||e.charCode; var keyName = String.fromCharCode(currKey); alert("Key code: " + currKey + " Character: " + keyName); } document.onkeyup = keyUp;Principle of use: the keydown event is most useful for function keys, while the keypress event is most useful for printable keys
The following key code values are only fully valid in the text box. If used in the <body> tag, only letter keys, numeric keys and partial control keys are available, and the key values of the letter keys and numeric keys are the same as the ASCII value.
Keycode value of letters and numeric keys (keyCode)
Key code
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
Keycode value of keys on the numeric keypad (keyCode) Function keycode value (keyCode)
Key code
0 96
1 97
2 98
3 99
4 100
5 101
6 102
7 103
8 104
9 105
* 106
+ 107
Enter 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
Control key code value (keyCode)
Key code
BackSpace 8
Esc 27
Right Arrow 39
Left Arrow 37
Down Arrow 40
Up Arrow 38
-_ 189
.> 190
Spacebar 32
Tab 9
Clear 12
Page Up 33
Page Down 34
Enter 13
Insert 45
;: 186
Delete 46
`~ 192
/? 191
Num Lock 144
Control 17
Home 36
End 35
Shift 16
[{ 219
}] 221
/| 220
=+ 187
,< 188
'" 222
Cape Lock 20
Alt 18
I hope this article will be helpful to everyone's JavaScript programming.