JavaScript键盘事件及event.keyCode键码值

Javascript的键盘事件

keyCode 37 为左方向键，38为上，39为右，40为下

window.document.onkeydown = function (e) {
var evt = window.event || e;//兼容性处理
var keycode = evt.keyCode;

switch (keycode) {
    case 37://左
          pgwSlideshow.previousSlide();
          break;
    case 39://右
           pgwSlideshow.nextSlide();
           break;
    }
};

window.document.onkeydown = function (e) {

var evt = window.event || e;//兼容性处理

var keycode = evt.keyCode;

switch (keycode) {

case 37://左

pgwSlideshow.previousSlide();

break;

case 39://右

pgwSlideshow.nextSlide();

break;

}

};

document.onkeyup =function (e) { 
    var currKey=0,e=e||event; 
    currKey=e.keyCode||e.which||e.charCode; 
    var keyName = String.fromCharCode(currKey); 
    console.log("按键码: " + currKey + " 字符: " + keyName); 
}

document.onkeyup =function (e) {

var currKey=0,e=e||event;

currKey=e.keyCode||e.which||e.charCode;

var keyName = String.fromCharCode(currKey);

console.log("按键码: " + currKey + " 字符: " + keyName);

}

上面这种方法比较巧妙，简单地解释一下：
首先，e=e||event;这句代码是为了进行浏览器事件对象获取的兼容。js中这句代码的意思是，如果在FireFox或Opera中，隐藏的变量e是存在的，那么e||event返回e，如果在IE中，隐藏变量e是不存在，则返回event。
其次，currKey=e.keyCode||e.which||e.charCode;这句是为了兼容浏览器按键事件对象的按键码属性（详见第三部分），如IE中，只有keyCode属性，而FireFox中有which和charCode属性，Opera中有keyCode和which属性等。

字母和数字键的键码值(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

数字键盘上的键的键码值(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

待探索学习

转载请注明：PHP笔记 » JavaScript键盘事件及event.keyCode键码值

JavaScript键盘事件及event.keyCode键码值

相关推荐

Hi，您需要填写昵称和邮箱！