如何在不捕获keydown事件的情况下查看是否按住了修饰符键？

Question

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

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

我知道点击事件和其他事件可以告诉我当它们被触发时按下了哪些修改键，但我的程序不能等待一个修改键的出现。

我需要我的程序定期检查修饰符键（例如，每100毫秒）。我将如何做到这一点？如果有帮助，我的程序使用jQuery。

Answer 1

派对晚了，但是由于这在Google上显示，这里有一个部分解决方案，离我们更近了一步。从这个SO答案：

document.body.onkeydown = function(e) {
  if (e.which === 18) {
    alt_state.textContent = 'pressed';
  }
};

document.body.onkeyup = function(e) {
  if (e.which === 18) {
    alt_state.textContent = 'released';
  }
};

function detectAlt() {
  if (document.webkitHidden) return;
  window.addEventListener('mousemove', function onMove(e) {
    alt_state.textContent = e.altKey ? 'pressed' : 'released';
    window.removeEventListener('mousemove', onMove, false);
  }, false);
}

document.addEventListener('webkitvisibilitychange', detectAlt, false);
window.addEventListener('load', detectAlt, false);

本质上，设置一个＜code＞mousemove＜/code＞事件监听器，它包含触发时的修饰符键状态，并在第一次触发监听器后删除该监听器。同样，仍然需要一个“事件”，但根据应用程序的预期用途，捕获第一个＜code＞mousemove＜/code＞事件可能足以检测修改键。

Answer 2

您可以将这些值存储在一个变量中，并随时检查它们。当然，需要一个事件监听器来更新该变量:

// 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