????????? JS監(jiān)聽鍵盤按鍵值keycode對照表及代碼 ?????????

JS鍵盤按鍵keycode對照表

字母和數(shù)字鍵的鍵碼值(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	90	8	56
I	73	R	82	0	48	9	57

數(shù)字鍵盤上的鍵的鍵碼值(keyCode)				功能鍵鍵碼值(keyCode)
按鍵	鍵碼	按鍵	鍵碼	按鍵	鍵碼	按鍵	鍵碼
0	96	8	104	F1	112	F7	118
1	97	9	105	F2	113	F8	119
2	98	*	106	F3	114	F9	120
3	99	+	107	F4	115	F10	121
4	100	Enter	108	F5	116	F11	122
5	101	-	109	F6	117	F12	123
6	102	.	110
7	103	/	111

控制鍵鍵碼值(keyCode)
按鍵	鍵碼	按鍵	鍵碼	按鍵	鍵碼	按鍵	鍵碼
BackSpace	8	Esc	27	方向鍵：?	39	-_	189
Tab	9	Spacebar	32	方向鍵：▼	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	方向鍵：?	37	=+	187	]}	221
Cape Lock	20	方向鍵：▲	38	,<	188	'"	222

多媒體鍵碼值(keyCode)
按鍵	鍵碼	按鍵	鍵碼	按鍵	鍵碼	按鍵	鍵碼
音量加	175	停止	179	瀏覽器	172	搜索	170
音量減	174	靜音	173	郵件	180	收藏	171

JS鍵值能夠應(yīng)用于很多JavaScript的效果當(dāng)中，如表單除了使用點擊按鈕提交之外，也能夠通過鍵盤回車鍵進行提交。

鍵值中最為常用的是字母、上下左右以及回車，JS監(jiān)聽鍵盤按鍵值keycode對照表，和ASCⅡ碼表基本一致。

按鍵的分類

按鍵可以分為“實鍵”和“虛鍵”；

實鍵可以理解為我們能夠看到并打印出來的按鍵，如字母“A”、數(shù)字“1”、字符“?”等等；

虛鍵就是那些無法打印出來起到控制作用的按鍵，如“Ctrl”、“Alt”、“Shift”、“方向鍵”等等。

按鍵碼和字符碼

按鍵碼是計算機用來識別不同按鍵的編碼，每一個按鍵都有按鍵碼；

字符碼是可被打印的實鍵特有的，對應(yīng)了鍵盤上顯示的字符；

按鍵碼可以使用String.fromCharCode()轉(zhuǎn)換為字符碼；

按鍵碼和和字符碼的對應(yīng)表可以在本文最后找到。

如果要使用組合鍵，則可以判斷是否同時按下了這幾個鍵，比如ctrl鍵、shift鍵以及alt鍵的組合使用就可以判斷是否多按下了ctrl鍵、shift鍵以及alt鍵。

JS監(jiān)聽鍵盤按鍵值keycode對照表及代碼

JS監(jiān)聽鍵盤代碼

JavaScript監(jiān)聽鍵盤執(zhí)行命令代碼

document.onkeydown =function(event){
   this.e =event || window.event;
   if(event.ctrlKey && event.which == 83 || event.which == 115){
     alert("您按下了Ctrl+S或F4按鍵");
   }else if(event.ctrlKey && event.which == 81 || event.which == 114){
     alert("您按下了Ctrl+Q或F3按鍵");
   }else if(event.which == 27){
     alert("您按下了Esc按鍵");
   }
}

jQuery監(jiān)聽鍵盤執(zhí)行命令代碼

$(document).keyup(function(event){
   //Ctrl + S 或 F4
   if (event.ctrlKey && event.which == 83 || event.which == 115){
     alert("您按下了Ctrl+S或F4按鍵");
   }
   //Ctrl + Q 或 F3
   if (event.ctrlKey && event.which == 81 || event.which == 114){
     alert("您按下了Ctrl+Q或F3按鍵");
   }
});