jQuery：在鼠标离开时停止音频

Posted 2023-02-25

【中文标题】jQuery：在鼠标离开时停止音频

【英文标题】：jQuery: stop audio on mouseleave

【发布时间】：2011-10-12 12:30:44

【问题描述】：

我正在使用以下脚本在有人悬停 div 时播放声音。

$(document).ready(function()
 var birdaudio = birdhover.find('audio')[0];    

 $('.sound').mouseenter(function() birdaudio.play(); );
 $('.sound').mouseleave(function() birdaudio.stop(); );
);

它确实有效，但音频会一直播放到声音结束，即使不再悬停也是如此。我可以做些什么来防止这种情况发生吗？我不希望在您“鼠标离开” div 时音频停止。

希望得到帮助！

【问题讨论】：

这里有一些相关的：***.com/questions/3342803/audio-on-mouseover

【参考方案1】：

html5 媒体元素没有.stop()。您必须改为在元素上调用 pause()。

为了完全复制停止的功能（停止音频并将其播放位置设置为最开始），然后您将使用 birdaudio.currentTime = 0 跟随您的 pause() 呼叫。

【讨论】：

这就是我要找的答案！谢谢，工作就像一个魅力。