已经停止播放声音的JavaScript

问题描述:

我有以下功能时 一个div悬停已经停止播放声音的JavaScript

function playsound() { 
    var snd = new Audio(); 
    snd.src = 'snd/ring.mp3'; 
    snd.play(); 
} 

// Play sound on mouseover 
$('.navigation a').hover(function() { 
    playSound(); 
    $(this).find('img').animateRotate(-360, 1000); 
}); 

问题播放声音是,当mouseleaves的链接,它再次重放声音。 我希望它能播放一次,当鼠标离开时,所有的声音都应该停止。 这怎么办?

+0

阅读您要调用的函数的文档。 – SLaks

+0

hover()不是mouseover()。如果你给hover()只有一个函数,它将用于mouseover和mouseout事件。 –

hover()函数为mouseenter和mouseleave添加处理程序。

您只想处理mouseenter