成都网站建设设计

将想法与焦点和您一起共享

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

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

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

                                             

1.思路

什么是JavaScript监听组合按键

如图,通过监听并打印键盘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监听组合按键-创新互联
本文URL:http://chengdu.cdxwcx.cn/article/dcsgji.html