如何查看修飾鍵是否被按下而不捕捉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