首页 > html5 audio 一些事件的触发问题

html5 audio 一些事件的触发问题

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上测试


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


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


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

【热门文章】
【热门文章】