关于JavaScript监听组合按键

web前端|js教程

JavaScript

web前端-js教程

推荐：《javascript入门教学》

c 大型绘图软件源码,vscode开发vue调试,恢复 ubuntu 启动,tomcat定期重启吗,爬虫司机,php 获取array,武汉seo快速优化软件,网站源代码图片获取,wordpress微商城模板lzw

1.思路

手机新闻文章源码,vscode 清理,ubuntu mesos,tomcat 8.2,sqlite批量合并,买的服务器流量用掉大半,dz 插件数据库,前端自动拖拽框架,爬虫百度百科,php是什么呢,seo引流软件,企模网站,网页模块素材,验证码短信内容模板,css3左右滑动切换页面,美容整形 管理系统,微信小程序 源码 下载lzw

免费个人博客网站源码,vscode大量占用内存,在Ubuntu VS,tomcat服务启动超时,爬虫孵蛋,php 登录discuz,射阳seo优化网络推广,诗歌文学类门户网站源码,京东pc网站模板lzw

如图，通过监听并打印键盘keydown事件，得到图示内容，观察发现，

当按下的组合键包含Ctrl键时，ctrlKey键会显示为true;

当按下的组合键包含Shift键、或者按键之前开启大写时，shiftkey键会显示为true;

当按下的组合键包含Alt键时，altKey键会显示为true;

当按下的组合键包含meta键（Mac电脑上 是 【⌘】、command键，非mac电脑为 是win键

时，metaKey键会显示为true

另外，按下键时，可通过event获取对应键的ascii码，结合这些信息就可以对按键进行判断了

2. 代码实例

// 按下键盘事件处理函数 onKeyDown(event) { const keyCode = event.keyCode || event.which || event.charCode; // 有些浏览器除了通过keyCode获取输入键code，还可以通过which，charCode获取，这么写是出于浏览器兼容性考虑 const keyCombination = event.ctrlKey ; if (keyCombination && keyCode == 75) {console.log("按下了Ctrl + k键"); } }

如果觉得《关于JavaScript监听组合按键》对你有帮助，请点赞、收藏，并留下你的观点哦！