Javascript：鼠标悬停时发出声音

Question

我正在设计一个页面，如何在页面中包含的所有定位标记的mouseover事件上触发声音（音频文件） 。 我有这样的代码到目前为止我怎么把它绑定到所有a标签不只是一个。 任何帮助表示赞赏。

function playclip(){ 
    'use strict';
    var audio = document.getElementById("hover-audio");  
    audio.play();
    audio.volume = 0.2;
}

Answer 1

只是JavaScript：

var anchors = document.getElementsByTagName('a');

// Add onmouseover event for all a tags
for (var i = 0; i < anchors.length; i++){
   anchors[i].onmouseover = playclip;
}

Answer 2

audio是HTML标签，您可以在其中放置指向声音文件的source标签，就像图像一样。

要播放声音，您可以使用JavaScript中的.play()函数调用该元素。

<audio id="my-sound">
    <source src="sound/asdf.mp3"/>
</audio>

$("a").mouseenter(functon(){
  $("#my-sound").play();
});