Javascript 如何让eventlistener响应DOM对象;结束;?

Javascript 如何让eventlistener响应DOM对象;结束;?,javascript,html,Javascript,Html,我有一个对象,我希望它在音频结束时做一些事情。这看起来很简单,但是我的代码不会产生任何结果。这是我的javascript: myAudio=document.getElementById("audio1"); myAudio.addEventListener('ended', alert('Ha'), true); 最后,我希望它在音频结束时刷新,然后我想找到一种方法预加载音频曲目,然后在音频结束时刷新,这样就没有加载时间了 我看到了一些关于这个话题的问题,但它

我有一个
对象,我希望它在音频结束时做一些事情。这看起来很简单,但是我的代码不会产生任何结果。这是我的javascript:

        myAudio=document.getElementById("audio1");
        myAudio.addEventListener('ended', alert('Ha'), true);
最后,我希望它在音频结束时刷新,然后我想找到一种方法预加载音频曲目,然后在音频结束时刷新,这样就没有加载时间了

我看到了一些关于这个话题的问题,但它们都包含了很多额外的东西,在尝试了他们的方法(那些我能理解并与他们正在做的其他事情区分开来的方法)之后,它们都不起作用。我相信我已经找到了实现这一点的最简单方法,但它不会返回结果

*当前该函数是
alert('Ha')
,但是,我会将其更改为
location.reload(true)
,当它工作时。

试试看

myAudio.addEventListener('ended', function () {
    alert('ha');
}, true);
要以编程方式添加事件侦听器,需要向其传递一个函数。这将它包装在lambda/函数表达式中。您现在拥有它的方式是,它将
alert('ha')
的返回值传递给
addEventListener
(即未定义)

这与使用html属性时不同;例如,当您有
onclick=“…”
时,您需要为它指定要执行的实际代码