javascript - onClick 具有多种功能

Question

如何使用 onClick 播放声音并在现有窗口中打开一个新的 html 站点？ 有时它会播放声音，有时会打开新站点。

感谢您的帮助!

<div class="lowersitebuttons">
<button class="login" onClick="PlaySound(button1); window.location.href = '/Users/Mac/Dropbox/Sites/lcars1.html'">LOGIN</button>
<button class="cancel" onClick="PlaySound(button2)">CANCEL</button> 
</div>


    // JavaScript Document
    var button = new Audio();
    button1.src = "/Users/Mac/Dropbox/login/Computersounds/lcars.mp3";
    function PlaySound(button1) {
        button1.play();
    }

    button2.src = "/Users/Mac/Dropbox/login/Computersounds/alert23.mp3";
    function PlaySound(button2) {
        button2.play();
    }

Answer 1

加载新 URL 后，您的声音将停止播放。相反，您可能需要等到声音播放完成并加载新的 URL。为此，您可以使用 Audio 对象的 onend 事件。

button1.play();
button1.onend = function()
{
    window.location.href = "/Users/Mac/Dropbox/Sites/lcars1.html";
}