mousemove不起作用,仅在单击时运行

时间:2018-07-26 01:55:52

标签: javascript addeventlistener

我希望我的网站在鼠标移动时播放音乐。为了超越chrome,新的自动播放功能。因此,我对此进行了设置:

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

Chrome太聪明了。这是永远不可能做到的。

1 个答案:

答案 0 :(得分: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()
      });