如何在 JavaScript 中添加一个根据键盘弹奏按键的事件？

Question

我需要根据键盘上按下的键来演奏鼓。我所做的唯一的事情就是当我点击鼠标时让它播放。

我尝试添加根据键盘琴键播放鼓声的功能，但我没有成功。

function playKey(idKey) {
  const element = document.querySelector(idKey);
  if (element) {
    element.play();
  } else {
    console.error('element nof found')
  }
}

const btns = document.querySelectorAll('.btn')
for (i = 0; i < btns.length; i++) {
  const key = btns[i];
  const keyCode = key.classList[1];
  const idKey = `#btn-${keyCode}`;

  key.onclick = function() {
    playKey(idKey);
  }
}

Answer 1

您可以在按键时调度事件并订阅该事件以执行不同的操作。在您的情况下，可能会根据按键播放不同的音频。

您可以通过以下方式调度事件：这个：

document.dispatchEvent(new KeyboardEvent('keypress', {'key': 'H'}));