jq获取键盘事件（多键）+keycode大全

俗话说好记性不如烂笔头，今天我们就纪录一下JQ获取键盘的按键事件

让我们直接进入正题：

一、jquery的键盘事件分为keypress、keydown和keyup事件

1、keypress()事件

keypress：按钮被按下时发生。

2、keydown()事件

当按钮被按下时，发生 keydown 事件。

3、keyup事件

keyup ：在按键释放时触发，也就是你按下键盘起来后的事件

二、我们今天主要讲的就是这个keyup事件。

//当前页面全局触发
$(document).keyup(function (event) {
    if (event.keyCode == 13) {
        alert("你按下了enter(回车键)");
    }
});

//多键同时触发
$(document).keyup(function (event) {
    console.log(event);//输出可以看到能触发的特殊键
    if (event.keyCode == 13 && event.ctrlKey) {
        alert("你按下了ctrl+enter");
    }
});

控制台输出event：

三、keycode大全（参照链接：https://blog.csdn.net/weixin_44476265/article/details/110531227）

1、字母和数字键的键码值

按键	键码	按键	键码	按键	键码	按键	键码
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

2、小键盘数字码

按键	键码	按键	键码	按键	键码
0	96	6	102	Enter	108
1	97	7	103	-	109
2	98	9	104	.	110
3	99	9	105	/	111
4	100	*	106
5	101	+	107

3、控制键键码值

按键	键码	按键	键码	按键	键码	按键	键码
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

4、多媒体键码值

按键	键码
音量加	175
音量减	174
停止	179
静音	173
浏览器	172
邮件	180
搜索	170
收藏	171

5、F键键码值

按键	键码	按键	键码
F1	112	F7	118
F2	113	F8	119
F3	114	F9	120
F4	115	F10	121
F5	116	F11	122
F6	117	F12	123