javascript - 如何让我的事件监听器响应 DOM 对象 "ended"？

Question

我有一个<audio id="audio1">对象，我希望它在音频结束时执行某些操作。看起来很简单，但是我的代码没有产生任何结果。这是我的 JavaScript:

        myAudio=document.getElementById("audio1");
        myAudio.addEventListener('ended', alert('Ha'), true);

最终我希望它在音频结束时刷新，然后我想找到一种方法来预加载音轨，然后在音频结束时刷新它，这样就没有加载时间。

我看到了关于这个主题的几个 stackoverflow 问题，但它们都包含了许多额外的东西，并且在尝试了他们的方法(我可以理解并与他们正在做的其他事情分开的方法)之后，它不起作用。我相信我已经找到了最简单的方法来执行此操作，但它没有返回结果。

*当前功能为 alert('Ha')不过，我会将其更改为 location.reload(true)当它起作用时。

Answer 1

尝试

myAudio.addEventListener('ended', function () {
    alert('ha');
}, true);

要以编程方式添加事件监听器，您需要向其传递一个函数。这将其包装在 lambda/函数表达式中。您现在的方式是将 alert('ha') 的返回值传递给 addEventListener (即未定义)。

这与使用 html 属性时不同；例如，当您有 onclick="..." 时，您需要为其提供要执行的实际代码。