javascript - 当我不单击图像时如何停止声音播放？

Question

我想在单击图像时将声音播放(我将其作为背景图像放入div中)，而不是在鼠标向上时播放声音，因此仅在鼠标向下时才播放声音。但是现在，单击图像后声音不会停止播放。

这是我的div的html:

音频id =“音频” src =“sound / sound1.mp3” preload =“自动”

class =“container1” onclick =“play()” value =“PLAY”

这是我的JavaScript:

函数play(){

    var audio = document.getElementById('audio');
    audio.currentTime = 0;

    audio.play();

}

也许我应该制作另一个名为pause()的函数，并在HTML中使用onmouseup =“pause()”？但是如何做另一个函数来调用该函数呢？我很想听听一些建议。我是这里的新手。抱歉，格式化。谢谢!

Answer 1

使用onmousedown和onmouseup事件代替onclick。添加暂停音频的方法。

function pause(){
  var audio = document.getElementById('audio')
  audio.pause();
}

之后，在您的html中添加事件 onmousedown="play()" onmouseup="pause()"。那应该工作。