如何在不中断的情况下使多个 keydown 事件工作？

Question

    $(document).on('keydown', function(event) {
            const current = audios[Number(event.key) // audios is array of music files
            current.currentTime = 0;
            current.play();
    });

我正在创建一个鼓应用程序。如果我用 keydown 事件按下数字 2，它将被激活。当我按住数字 2 并按 3 时，数字 2 将停止发声。我怎样才能让它发生？为什么不这样做呢？

Answer 1

您的代码中似乎存在语法错误。 const current = audios[Number(event.key) 缺少结束 ]。

这是我的处理方法。

const pressedKeys = {};

$(document.body).keydown(function (evt) {
  pressedKeys[Number(evt.key)] = true;
  playSongs(pressedKeys);
});

$(document.body).keyup(function (evt) {
  pressedKeys[Number(evt.key)] = false;
});

function playSongs(dict) {
  for (let song in dict) {
    if (dict[song] === true) {
      audios[song].currentTime = 0;
      audios[song].play();
    }
  }
}

此代码跟踪字典中的键。每当注册 keydown 时，它就会将其添加到字典中。紧接着，playSongs 找到所有正确的键并播放该歌曲。