在mousehover上播放声音

Question

我有一个jquery菜单，这是代码出现在调用菜单模块的php文件中，default.php调用菜单的jquery文件，这对我来说很难编辑，

                                                                                                                                                    

然而，我想在鼠标悬停在导航菜单li上时添加一个点击声，请告诉我如何操作，知道我无法编辑索引文件中的链接看起来像这样  因为它是在jquery文件中生成的，所以我只添加菜单并在joomla控制面板中进行编辑。 非常感谢你。

Answer 1

您可以在事件处理程序中使用HTMLAudioElement。这样的事情应该有效。

var audio = new Audio('audio_file.mp3');
$("nav li").mouseover(function() {
  audio.play();
}).mouseout(function() {
  audio.pause(); //optional to stop when not hovered anymore
});