Question

我想在用户按下提交按钮时激活声音。似乎必须延迟按钮的操作（否则窗口关闭且没有声音）。使用默认按钮我没有这个问题（即当我用setTimeout（）延迟操作时，有声音，然后打开一个新窗口）但没有提交按钮（只是移动到定义的窗口）带有必要的参数）。我该如何解决这个问题？

HTML：

<input class="window_change_button" type="submit" value="Continue" onclick="moveOn()">

JavaScript的：

function moveOn(){
    buttonPressed();
}

function goBack(){
    buttonPressed("main.html"); 
}

function buttonPressed(nextWindowUrl){
    buttonPressedSound();
    setTimeout(function(){
        if (nextWindowUrl){
            window.location.href = nextWindowUrl;
        }
        }, 100);
}

function buttonPressedSound(){
    var audio = new Audio("sounds/button_press.wav");
    audio.play();
}

Answer 1

制作一个带有 onclick 的按钮，使用 JavaScript 函数触发录音。

运行代码片段：

function play() {
        var audio = document.getElementById("audio");
        audio.play();
    }

<input type="button" value="Click me!" onclick="play()">
<audio id="audio" src="clicksound.mp4"></audio>

HTML提交按钮声音问题

1 个答案: