javascript捕获键盘组合事件

最新推荐文章于 2024-09-11 15:33:18 发布

Scub

最新推荐文章于 2024-09-11 15:33:18 发布

阅读量1.2k

点赞数

分类专栏： JS/jQuery 文章标签： javascript 组合键事件

本文链接：https://blog.csdn.net/u013673976/article/details/50540006

版权

JS/jQuery 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

jsp页面需要捕获用户的键盘快捷键组合操作，网上找了不少代码，使用event.altKey && event.keyCode == 73判断，但在chrom和firefox下都不能正常起作用，debug调试时keyCode总是18。不知道是不是我使用的浏览器版本比较新。

发现下面个js组件，经测试能用，主要是代码特别少。jquery.shortcuts.min.js文件只有692个字节，1K都不到。我的浏览器版本Firefox/43.0.4，chrome/43.0.2357.81都能没问题。

https://github.com/ambethia/jquery-shortcuts

示例代码特别简单

$(document).shortcuts({
  "Q": {
    keys: [81],
    desc: "Log Q to the console",
    func: function() { console.log("You pressed Q") }
  },
  "ALT I": {
    keys: [18, 73],
    desc: "Log this key combination to the console",
    func: function() { console.log("You pressed ALT and I") }
  }
});

下面有介绍其他的JavaScript 键盘事件处理库：

http://www.cnblogs.com/lhb25/p/20-javascript-libraries-to-handle.html

最后附上，键盘中所有按钮的keycode一览

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