javascript - html5 audio 一些事件的触发问题

Question

audio.addEventListener('durationchange',alert('durationchange'));这样写能触发；
audio.addEventListener('durationchange',function(){alert('durationchange')});这样写就不能触发了，是什么情况啊？

尝试了一些写法之后总结了一下：
audio.addEventListener('durationchange',alert(audio.duration));和audio.addEventListener('durationchange',(function(){alert(audio.duration);})());的效果是一样的，经常得不到正确的音频时长（NaN）；

而audio.addEventListener('durationchange',function(){alert(audio.duration);});会经常忽略function里的代码；

audio.addEventListener('durationchange',function(){alert('durationchange')});
audio.addEventListener('canplay', alert('canplay'));会先弹出canplay然后是durationchange，正确的触发顺序不应该是
loadstart
durationchange
loadedmetadata
loadeddata
progress
canplay
canplaythrough
我™头都大了！

ps：以上都在chrome上测试

Answer 1

audio.addEventListener('durationchange',alert(audio.duration));和audio.addEventListener('durationchange',(function(){alert(audio.duration);})());，你给事件注册个undefined做什么(注：alert()或者(function(){})都是返回undefined的，而且不用经过事件就已经弹出了)，然后呢audio.addEventListener('durationchange',function(){alert(audio.duration);});这个忽略是因为没有触发事件。

Answer 2

你确定第二种写法是对的？

Answer 3

好吧，我删掉audio标签，用js new 一个audio对象，然后指定src，手动load，上面那些问题似乎都消失不见了！