播放悬停的音频文件

Question

我已经为我的论坛制作了这个脚本，并且想知道是否有人可以指导我如何让浏览器播放音频文件，如果用户悬停在类style113上，但它必须给他们发出警告提醒，说"audio is about to play"如果他们按下了应该播放的警报，如果他们按下取消它不应该播放。我怎样才能做到这一点？这里是剧本我到目前为止有：

my script has been removed 

Answer 1

您可以使用下面的代码：

var elems = document.getElementsByClassName("style113"); 
for(i in elems) { 
    elems[i].addEventListener("mouseover", function() { 
     if(confirm(" %%% CONFIRMATION MESSAGE %%% ")) { 
      // %%% CODE TO PLAY SOUND %%% 
     } 
    }); 
} 

作用：

1. 遍历类的元素style113
2. 再添一个事件监听器对事件的每个元素mouseover
3. 在每个事件侦听器，创建一个confirm()弹出（有两个按钮，一个确认，一个取消）
4. 如果confirm()方法返回true（如果单击肯定按钮），然后播放声音

Working example on JSFiddle

---

UPDATE按在下面的意见OP请求，您可以在for循环这个代码添加到您的特定代码：

document.getElementsByClassName('style113')[x].addEventListener("mouseover", function() { 
    if(confirm("audio is about to play")) { 
     // %%% CODE TO PLAY SOUND %%% 
    } 
}); 

我还建议您使用更好的缩进实践清理源代码。此外，请避免提出过多的DOM请求（例如，重复性为document.getElementsByClassName()），而不要注意caching DOM requests。