javascript - 点击链接标签播放音效

Question

我想在每次点击页面时触发鼠标点击音效。

<audio id='aclick'>
  <source src="audio/click.mp3" type="audio/mpeg">
</audio>

$(document).on('click', function(){
    document.getElementById("aclick").play();
});

通常它可以工作，但不适用于 link元素。

点击任意 <a></a>元素 - 没有声音。

我的链接示例:

<a href='index.php'><img id='logoc' src='img/02.jpg' alt='img'></a>

Answer 1

您需要将事件处理程序附加到任何具有如下点击事件的标签

$("*").on('click',function(){
  document.getElementById("aclick").play();
});

和下面的音频标签

<audio id='aclick' autoPlay='false' preLoad='auto' >
  <source src="audio/click.mp3" type="audio/mpeg">
</audio