jquery - 使用 Jquery 在悬停时播放音频

Question

我有一个音频文件，希望光标悬停在音频文件所在的 div 上时立即播放。

出于任何原因，它仅适用于单击功能，但不适用于悬停/鼠标输入功能。

这是有效的：

$(".interview").on("click",function(){
   $(this).find("#audio")[0].play();
});

这不起作用：

$(".interview").on("hover",function(){
   $(this).find("#audio")[0].play();
});

标签： jqueryaudio

Answer 1

自 jQuery 1.8 起，Hover 已被弃用。ref Jquery 悬停不工作

 $(".interview").hover(function(){
       $(this).find("#audio")[0].play();
  });

（或）使用mouseenter事件参考https://api.jquery.com/mouseenter/

$(document).on('mouseenter','.interview',function(){
 alert(1)
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.0/jquery.min.js"></script>
<div class="interview">hover me</div>