gpt4 book ai didi

javascript - 这有什么问题吗?尝试在我将光标悬停时播放声音,但仅在单击时才有效?

转载 作者:行者123 更新时间:2023-12-03 03:27:01 24 4
gpt4 key购买 nike

所以当我点击时它可以工作,但我不知道如何让它在悬停时工作?

HTML代码

<body>

<audio autoplay id="HAT2" >
<source src="OOOOO_1_HAT.mp3" >
Your browser isn't invited for super fun audio time.
</audio>

<ul>
<a id="play_me" href="brower_visualizasion.html" ><li>PLAY ME</li></a>

</ul>

</body>

对于交互,我使用了 jQuery,并尝试使用 .mouseenter 之外的其他函数,例如 .on(mouseover)。

<script type="text/javascript">

var audio = $("#HAT2")[0];
console.log(audio);
$("#play_me.play").mouseenter(function() {
audio.play();
});

</script>

最佳答案

您没有带有 play 的类,因此请从 mouseEnter 函数中删除它

$("#play_me.play").mouseenter(function() { 应该是 $("#play_me").mouseenter(function() {

演示

var audio = $("#HAT2")[0];
console.log(audio);
$("#play_me").mouseenter(function() {
audio.play();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<audio autoplay id="HAT2">
<source src="https://www.mfiles.co.uk/mp3-downloads/mozart-horn-concerto4-3-rondo.mp3" >
Your browser isn't invited for super fun audio time.
</audio>

<ul>
<a id="play_me" href="brower_visualizasion.html">
<li>PLAY ME</li>
</a>

</ul>

关于javascript - 这有什么问题吗?尝试在我将光标悬停时播放声音,但仅在单击时才有效?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46279399/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com