什么是JavaScript监听组合按键-创新互联

本篇文章给大家分享的是有关什么是JavaScript监听组合按键，小编觉得挺实用的，因此分享给大家学习，希望大家阅读完这篇文章后可以有所收获，话不多说，跟着小编一起来看看吧。

创新互联服务项目包括五华网站建设、五华网站制作、五华网页制作以及五华网络营销策划等。多年来，我们专注于互联网行业，利用自身积累的技术优势、行业经验、深度合作伙伴关系等，向广大中小型企业、政府机构等提供互联网行业的解决方案，五华网站推广取得了明显的社会效益与经济效益。目前，我们服务的客户以成都为中心已经辐射到五华省份的部分城市，未来相信会继续扩大服务区域并继续获得客户的支持与信任！

                                             

1.思路

如图，通过监听并打印键盘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监听组合按键，小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注创新互联-成都网站建设公司行业资讯频道。

分享名称：什么是JavaScript监听组合按键-创新互联
地址分享：http://shouzuofang.com/article/dcsgji.html