如何查看修饰键是否被按下而不捕捉keydown事件？

Question

我知道如何捕捉keyup和keydown事件。

我希望我的程序能够查看哪些修饰键（例如：元键，控制键，alt键等）当前被按住，即使程序没有观察到这些键的按键事件。

我知道点击事件和其他事件可以告诉我哪些修饰键被按下时，但我的程序不能等待一个发生。

我需要我的程序定期检查修饰键（比如每隔100ms）。我会如何去做这件事？如果有帮助，我的程序使用jQuery。

Answer 1

您可以将这些值存储在一个变量中，并随时检查它们。事件侦听器将是必要的，当然，以更新变量：

// assume no hot key is pressed 
 

 
var object = { 
 
    ctrlKey: false, 
 
    altKey: false, 
 
    shiftKey: false 
 
}; 
 

 
// update whenever a keydown or keyup event is fired 
 

 
document.addEventListener("keydown", function(e) { 
 
    for(var key in object) { 
 
    if(object.hasOwnProperty(key)) 
 
     object[key] = e[key]; // update the object from the event e 
 
    } 
 
}); 
 

 
document.addEventListener("keyup", function(e) { 
 
    for(var key in object) { 
 
    if(object.hasOwnProperty(key)) 
 
     object[key] = e[key]; 
 
    } 
 
}); 
 

 
// testing example: 
 

 
function check() { 
 
    console.log("Checking:"); 
 
    console.log("Alt key:", object.altKey); 
 
    console.log("Ctrl key:", object.ctrlKey); 
 
    console.log("Shift key:", object.shiftKey); 
 
} 
 

 
setInterval(check, 1000); // calling check every second without waiting for an event to occur