javascript - 如何捕获 Windows 资源管理器等键盘输入

Question

我有自定义下拉选择并捕获 keydown 事件，该事件会为键盘上按下的每个输入触发一个事件。

document.addEventListener('keydown', (event) => {
  const keyName = event.key;
  console.log('keydown event\n\n' + 'key: ' + keyName);
}); 

按“t”和“w”会触发两个连续事件。但我需要捕获“tw”作为我的搜索词，然后在下拉列表中突出显示它。(或者)只是我需要捕获连续按下的所有按键。

我正在 Windows 资源管理器中寻找可以快速按“d”和“e”突出显示“开发工具”的内容。

如何在 JavaScript 中通过适当的超时或其他方式捕获这些？

Answer 1

也许像这样:

let pressed = [];
let timeoutId;

document.addEventListener('keypress', e => {
  pressed.push(e.key);

  if (timeoutId) {
    clearTimeout(timeoutId);
  }

  timeoutId = setTimeout(() => {
    console.log(pressed.join(''));
    pressed = [];
  }, 400); //300-400ms timeout is optimal
});