点击链接标签播放声音效果

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