html網頁設置快捷鍵

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