js模拟各种按键操作

小天天天天    前端    999+ 次    2022-10-15 18:44:17


甭废话,直接上代码:

//监听按键事件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)
按键键码按键键码按键键码按键键码
A65J74S83149
B66K75T84250
C67L76U85351
D68M77V86452
E69N78W87553
F70O79X88654
G71P80Y89755
H72Q81Z90856
I73R82048957
数字键盘上的键的键码值(keyCode)功能键键码值(keyCode)
按键键码按键键码按键键码按键键码
0968104F1112F7118
1979105F2113F8119
298*106F3114F9120
399+107F4115F10121
4100Enter108F5116F11122
5101-109F6117F12123
6102.110    
7103/111    
控制键键码值(keyCode)
按键键码按键键码按键键码按键键码
BackSpace8Esc27Right Arrow39-_189
Tab9Spacebar32Dw Arrow40.>190
Clear12Page Up33Insert45/?191
Enter13Page Down34Delete46`~192
Shift16End35Num Lock144[{219
Control17Home36;:186\|220
Alt18Left Arrow37=+187]}221
Cape Lock20Up Arrow38,<188'"222
多媒体键码值(keyCode)
按键键码按键键码按键键码按键键码
音量加175      
音量减174      
停止179      
静音173      
浏览器172      
邮件180      
搜索170      
收藏171      

js简记表

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

组合键:

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

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


如果你觉得本篇文章对您有帮助,请打赏作者

上一篇: vue3 父子组件传值详解

下一篇: Nginx upstream的5种权重分配方式分享

最新评论

暂无评论

热门文章

最新评论

网站数据

网站文章数:481

今日UV/PV/IP:15/15/15

昨日UV/PV/IP:22/26 /22

TOP