js模拟各种按键操作 | 绝缘体

May 19 2020

js模拟各种按键操作

作者：绝缘体.. 发布： 2020-05-19 08:08 分类：未分类阅读：抢沙发

更多

甭废话,直接上代码:

//监听按键事件document.onkeydown=function(ev){
     var event=ev ||event
     if(event.keyCode==13){
         alert("按了enter键")
     }
};

//模拟触发事件
var e = new KeyboardEvent('keydown',{'keyCode':13,'which':13});
document.dispatchEvent(e);

这个例子是模拟回车的，模拟空格，只要把码值改成32即可，可以模拟你想要的按键

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

js简记表

数字值	实际键值
48到57	0到9
65到90	a到z（A到Z）
112到135	F1到F24
8	BackSpace（退格）
9	Tab
13	Enter（回车）
20	Caps_Lock（大写锁定）
32	Space（空格键）
37	Left（左箭头）
38	Up（上箭头）
39	Right（右箭头）
40	Down（下箭头）

组合键:

if ((window.event.ctrlKey)&&(window.event.keyCode==49)){alert("您按下了CTRL＋1键");}

从以上例子可以看出，shift、Control、Alt 在JS中也可用“window.event.shiftKey”、“window.event.ctrlKey”、“window.event.altKey” 代替。

打赏

本文固定链接: https://www.cxy163.net/archives/2747 | 绝缘体

该日志由绝缘体.. 于 2020年05月19日发表在未分类分类下，你可以发表评论，并在保留原文地址及作者的情况下引用到你的网站或博客。
原创文章转载请注明: js模拟各种按键操作 | 绝缘体
关键字: 按键, 数字键, 模拟, 箭头, 键码

【上一篇】数据库表格设计的冗余和范式理论
【下一篇】构建高可用的数据库集群方案

您可能还会对这些文章感兴趣！

js模拟各种按键操作：等您坐沙发呢！

发表评论