将内联事件转换为addEventListener方法

时间:2014-08-15 04:55:59

标签: javascript audio addeventlistener

我正在尝试将内联Javascript事件触发器从HTML移动到单独的Javascript文件中。我在转换这段代码时遇到了困难:

 <audio id="audio-source" preload="true" ontimeupdate="document.getElementById('tracktime').innerHTML = Math.floor(this.currentTime)">

进入我的Javascript文件中的addEventListener方法。这就是我到目前为止所做的:

 var audioDuration = document.getElementById('tracktime');
 audioDuration.addEventListener("timeupdate", function(){
     this.innerHTML = Math.floor(this.currentTime);
 }, false);

它没有在浏览器中返回任何内容,我在通过Chrome开发工具进行检查时看到控制台中没有错误。我错过了什么吗?

1 个答案:

答案 0 :(得分:0)

尝试为元素

指定一个选项

audioDuration.ontimeupdate = function() { ... };