javascript - mousemove 不起作用，只能在单击时运行

Question

我希望我的网站在鼠标移动时播放音乐。为了克服 chrome 新的自动播放功能。所以我这样设置:

 // creates an mousemove listener to the html element
   document.body.addEventListener('mousemove', () => {
 // starts audio when page loads
    myAudio.play()
      });

Chrome 太智能了。这是永远做不到的。

Answer 1

您需要将焦点放在 body 上(或放在 body 中的元素上)才能使其触发 mousemove。这就是为什么你必须先点击。
因此，从此处删除 body document.body.addEventListener('mousemove'...

var myAudio = new Audio('http://soundbible.com/mp3/Tyrannosaurus%20Rex%20Roar-SoundBible.com-807702404.mp3');

// creates an mousemove listener to the html element
   document.addEventListener('mousemove', () => {
 // starts audio when page loads
    myAudio.play()
      });