Question

当我点击图像（我将其作为背景图像放在div中）时我想播放声音，而当我的鼠标停止时我不想播放声音。所以声音只会在鼠标停止时播放。但是现在，只需点击一下图像，声音就不会停止播放。

这是我的div的html：

audio id =“audio”src =“sound / sound1.mp3”preload =“auto”

class =“container1”onclick =“play（）”value =“PLAY”

这是我的JavaScript：

function 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()"中。这应该有用。

Answer 2

imageDivId.addEventListener("mousedown", function () {
//call play function
}, false);
imageDivId.addEventListener("mouseup", function () {
//call pause function
}, false);

Add event listener for mouse event
**imageDivId is used to target element for events
Write two different function for play and pause audio.

我没有点击图片时如何停止播放声音？

2 个答案: