使用 Jquery 在悬停时播放音频

【问题标题】：Play audio on hover with Jquery使用 Jquery 在悬停时播放音频
【发布时间】：2019-05-02 09:07:44
【问题描述】：

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

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

这是有效的：

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

这不起作用：

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

【问题讨论】：

【解决方案1】：

从 jQuery 1.8 开始不推荐使用悬停。参考Jquery on hover not working

 $(".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>

【讨论】：