前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >JavaScript 监听组合按键

JavaScript 监听组合按键

作者头像
授客
发布2020-07-14 19:57:32
2.8K0
发布2020-07-14 19:57:32
举报
文章被收录于专栏:授客的专栏授客的专栏

1. 思路

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

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

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

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

当按下的组合键包含meta键(Mac电脑上 是 【⌘】、command键,非mac电脑为 是win键时,metaKey键会显示为true)

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

2. 代码实例

按下键盘事件处理函数

代码语言:javascript
复制
    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键");
            }
        }
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2020-07-12 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档