使用JS监听键盘按下事件

事件说明

我们将键盘按下后事件的所有属性和方法打印出来（这里以按下1为例）

			document.onkeydown = function(event){
				console.log(event);
			}

 这里面有几个需要注意的属性

key:按下按键的名称

keyCode:按下按键的键码

altKey、ctrlKey、shiftKey：当组合按下（如ctrl+c）时，ctrlKey会变为true

一、查看所有键

(获取event.key 按下的按键名称)（获取event.keyCode 按下的键码）

			document.onkeydown = function(event){
				console.log("按下:"+event.key+"键:"+event.keyCode);
			}

按下任意按键后的效果：

二、监听回车按下事件

这里以回车键（键码为13）为例 ，如果需要监听不同的按键，修改键码即可

			document.onkeydown = function(event){
				if(event.keyCode==13){
					// 事件
					console.log("按下了回车键")
				}
			}

三、监听组合键

这里以CTRL+A为例

altKey：按下Alt+*组合键时为true

ctrlKey：按下Ctrl+*组合键时为true

shiftKey：按下Shift+*组合键时为true

			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