js实现键盘按键映射

JS监听快捷键组合：ctrlKey、altKey、shiftKey

event.key 对应键盘上的符号，比如F键的f，event.key == 'f'

event.keyCode 对应数值，比如enter键的值是13

Ctrl + enter

if(key.ctrlKey && key.keyCode == 13){
    sbumit();
}

alt + 方向键（左）

if(key.altKey && key.keyCode == 37){
    submit();
}

Ctrl + F 

document.onkeydown = function(key){
    console.log("keyCode: "+key.keyCode);
    if(key.ctrlKey && key.key == 'f'){
        popWindow();
    }
}

 

键盘keyCode（键值）表

1、 字母和数字键的键值表(keyCode)
按键	键码	按键	键码	按键	键码	按键	键码
A	65	J	74	S	83	1	49
B	66	K	75	T	84	2	50
C	67	L	76	U	85	3	51
D	68	M	77	V	86	4	52
E	69	N	78	W	87	5	53
F	70	O	79	X	88	6	54
G	71	P	80	Y	89	7	55
H	72	Q	81	Z	89	8	56
I	73	R	82	0	48	9	57

2、控制键的键值表
按键	键码	按键	键码	按键	键码	按键	键码
BackSpace	8	Esc	27	Right Arrow	39	#NAME?	189
Tab	9	Spacebar	32	Down Arrow	40	.>	190
Clear	12	Page Up	33	Insert	45	/?	191
Enter	13	Page Down	34	Delete	46	`~	192
Shift	16	End	35	Num Lock	144	[{	219
Control	17	Home	36	;:	186	/|	220
Alt	18	Left Arrow	37	=+	187	]}	221
Cape Lock	20	Up Arrow	38	,<	188	'"	222

3、功能键的键值表
按键	键码	按键	键码
F1	112	F7	118
F2	113	F8	119
F3	114	F9	120
F4	115	F10	121
F5	116	F11	122
F6	117	F12	123

4、小键盘上的键值表
按键	键码	按键	键码
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

5、多媒体键的键值表
按键	键码
音量加	175
音量减	174
停止	179
静音	193
浏览器	172
邮件	180
搜索	170
收藏	171