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 %%%
        }
    });
}

它的作用：

对类style113
向事件mouseover
在每个事件监听器中，创建一个confirm()弹出窗口（有两个按钮，一个用于确认，一个用于取消）
如果confirm()方法返回true（如果点击了正按钮），则播放声音

Working example on JSFiddle

更新根据以下评论中的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。

在悬停时播放音频文件

1 个答案: