按下"A“键时自动播放

Question

我想在用户按下某个键时自动播放内容

这是我的代码：

​

var music = document.querySelector("#music");
music.addEventListener("keydown", function(event) {
if (event.keyCode === 65) {
  event.preventDefault(); 
  document.querySelector("#music").click();
}})

<audio id="music" autoplay loop controls>
    <source src="Music1.mp3" type="audio/mp3">
    <source src="Msic1.ogg" type="audio/ogg">
</audio>

​

此代码不起作用。你们能帮我吗？谢谢!

Answer 1

使用play代替click，并且您可以只使用music，因为您已经声明了它。此外，您需要将eventlistener添加到音频，而不是document元素。

var music = document.querySelector("#music");
document.addEventListener("keydown", function (event) {
    if (event.keyCode === 65) {
        event.preventDefault();
        music.play()
    }
})