事件说明我们将键盘按下后事件的所有属性和方法打印出来(这里以按下1为例)
代码语言:javascript复制 document.onkeydown = function(event){
console.log(event);
} 这里面有几个需要注意的属性
key:按下按键的名称
keyCode:按下按键的键码
altKey、ctrlKey、shiftKey:当组合按下(如ctrl+c)时,ctrlKey会变为true
一、查看所有键(获取event.key 按下的按键名称)(获取event.keyCode 按下的键码)
代码语言:javascript复制 document.onkeydown = function(event){
console.log("按下:"+event.key+"键:"+event.keyCode);
}按下任意按键后的效果:
二、监听回车按下事件这里以回车键(键码为13)为例 ,如果需要监听不同的按键,修改键码即可
代码语言:javascript复制 document.onkeydown = function(event){
if(event.keyCode==13){
// 事件
console.log("按下了回车键")
}
}三、监听组合键这里以CTRL+A为例
altKey:按下Alt+*组合键时为true
ctrlKey:按下Ctrl+*组合键时为true
shiftKey:按下Shift+*组合键时为true
代码语言:javascript复制 document.onkeydown = function(event){
if(event.ctrlKey & event.keyCode == 65){
console.log("按下了CTRL+A")
}
}4、详细的键码值列表字母和数字键的键码值
按键
键码
按键
键码
A
65
J
74
B
66
K
75
C
67
L
76
D
68
M
77
E
69
N
78
F
70
O
79
G
71
P
80
H
72
Q
81
I
73
R
82
字母和数字键的键码值
按键
键码
按键
键码
S
83
1
49
T
84
2
50
U
85
3
51
V
86
4
52
W
87
5
53
X
88
6
54
Y
89
7
55
Z
90
8
56
0
48
9
57
数字键盘上的键的键码值
按键
键码
按键
键码
0
96
8
104
1
97
9
105
2
98
*
106
3
99
+
107
4
100
Enter
108
5
101
-
109
6
102
.
110
7
103
/
111
功能键键码值
按键
键码
按键
键码
F1
112
F7
118
F2
113
F8
119
F3
114
F9
120
F4
115
F10
121
F5
116
F11
122
F6
117
F12
123
控制键键码值
按键
键码
按键
键码
BackSpace
8
Esc
27
Tab
9
Spacebar
32
Clear
12
Page Up
33
Enter
13
Page Down
34
Shift
16
End
35
Control
17
Home
36
Alt
18
Left Arrow
37
Cape Lock
20
Up Arrow
38
控制键键码值
按键
键码
按键
键码
Right Arrow
39
-_
189
Dw Arrow
40
.>
190
Insert
45
/?
191
Delete
46
`~
192
Num Lock
144
[{
219
;:
186
\|
220
=+
187
]}
221
,<
188
'"
222
多媒体键码值
按键
键码
按键
键码
音量加
175
音量减
174
停止
179
静音
173
浏览器
172
邮件
180
搜索
170
收藏
171