快捷導(dǎo)航

Javascript 檢測(cè)鍵盤(pán)按鍵信息及鍵碼值對(duì)應(yīng)介紹

更新時(shí)間：2013年01月03日 16:18:59 作者：

Javascript中有3個(gè)事件句柄在對(duì)應(yīng)鍵盤(pán)的輸入狀態(tài):按鍵被按下（按下按鍵但還沒(méi)有抬起）、點(diǎn)擊按鍵（按下并抬起按鍵）、按鍵抬起（按鍵抬起之后）,接下來(lái)詳細(xì)介紹，感興趣的朋友可以了解下

Javascript中有3個(gè)事件句柄在對(duì)應(yīng)鍵盤(pán)的輸入狀態(tài)：keydown、keypress和keyup。
分別對(duì)應(yīng)的意思是：按鍵被按下（按下按鍵但還沒(méi)有抬起）、點(diǎn)擊按鍵（按下并抬起按鍵）、按鍵抬起（按鍵抬起之后）
按鍵的分類(lèi)
按鍵可以分為“實(shí)鍵”和“虛鍵”
實(shí)鍵可以理解為我們能夠看到并打印出來(lái)的按鍵，如字母“A”、數(shù)字“1”、字符“?”等等
虛鍵就是那些無(wú)法打印出來(lái)起到控制作用的按鍵，如“Ctrl”、“Alt”、“Shift”、“方向鍵”等等
IE在處理虛鍵時(shí)有個(gè)特例：虛鍵不會(huì)產(chǎn)生keypress事件，必須使用keydown或keyup來(lái)捕獲
按鍵碼和字符碼
按鍵碼是計(jì)算機(jī)用來(lái)識(shí)別不同按鍵的編碼，每一個(gè)按鍵都有按鍵碼
字符碼是可被打印的實(shí)鍵特有的，對(duì)應(yīng)了鍵盤(pán)上顯示的字符
按鍵碼可以使用String.fromCharCode()轉(zhuǎn)換為字符碼
按鍵碼和和字符碼的對(duì)應(yīng)表可以在本文最后找到。
獲取實(shí)鍵

復(fù)制代碼代碼如下:

 
function getKeyCode(e) { 
var keyCode = 0; 
var e = e || window.event; 
keyCode = e.keyCode || e.which || e.charCode; 
alert(keyCode); 
} 

稍微解釋下
1. e為Firefox等標(biāo)準(zhǔn)瀏覽器支持的JS隱藏變量，表示一個(gè)“事件”；IE系列中沒(méi)有“e”，而是用window.event來(lái)表示“事件”；所以var e = e || window.event;就表示：獲取當(dāng)前正在發(fā)生的事件。
2. e.keyCode、e.which、e.charCode都代表獲取按鍵碼，但不同的瀏覽器支持不同的寫(xiě)法
獲取虛鍵

復(fù)制代碼代碼如下:

 
function getKeyCode(e) { 
var keyCode = 0; 
var e = e || window.event; 
if (e.ctrlKey) alert("ctrlKey pressed"); 
if (e.altKey) alert("altKey pressed"); 
if (e.shiftKey) alert("shiftKey pressed"); 
} 

字母和數(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ù)字鍵盤(pán)上的鍵的鍵碼值(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	Right Arrow	39	-_	189
Tab	9	Spacebar	32	Dw 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

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