分享如何监听按下键盘任意组合键

一. 按下某个键

document.addEventListener('keydown',e => {
    
    
    console.log(e.key,'key==');  
})

二. 按下ctrl,shift,alt加任意键

document.addEventListener('keydown',e => {
    
    
	// 用ctrlKey,shiftKey,altKey的值来监听是否按下了这三个键,true表示按下了,false表示没有按下
   if(e.key == 'a' && e.ctrlKey){
    
    
       console.log(e.key,'key==');
   }
})

三. 按下任意组合键

// 以按下a,b,p三个键为例,无所谓先后顺序
let tempSrt = ''
const pressArr = ['abp','apb','bap','bpa','pab','pba']
// 监听键盘按下
document.addEventListener('keydown', e => {
    
    
	if(!tempStr.includes(e.key)){
    
    
		tempStr += e.key
		if(pressArr.includes(tempStr)){
    
    
            console.log(tempStr,'tempStr===');
        }
	}
})

// 监听键盘抬起,抬起的时候删除这个key
document.addEventListener('keyup', e => {
    
    
	tempStr = tempStr.replace(e.key,'')
})

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/du_aitiantian/article/details/129879264