标签：组合键 JavaScript keyCode 监听 键会 按键 true event

JavaScript监听组合按键

 

by:授客 QQ：1033553122

 

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,keyCode,监听,键会,按键,true,event
来源： https://blog.51cto.com/u_15241346/2839309

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。