javascript - 两次按键不同功能运行

Question

我有 2 个功能，我想要像第一个按键运行一个功能时那样，而不是另一个按键运行第二个功能!

通过空格键实现播放/暂停视频功能!

document.addEventListener('keydown', function(e) {
  if (e.keyCode == 32) {
    pauseAllVideos();
  } else {
    playAllVideos();
  }
});

Answer 1

解决方案

这一切都是为了保存一个 bool 值，让您知道所有视频是否正在播放，然后在 if 语句中使用它。

这是代码片段:

let playing = false;

        const playAllVideos = () => console.log('playing all videos');

        const pauseAllVideos = () => console.log('paused all videos');

        const playPause = e => {
          let key = e.keyCode || e.which;//Get key
          if(key == 32) { //Space key
            if(playing) {//If playing turn all videos off
              pauseAllVideos();
              playing = false;
            } else {//vise versa
              playAllVideos();
              playing = true;
            }
          }
        }

        window.addEventListener('keypress', playPause);

<p>Press Space</p>