timeupdate不是一个函数

Question

我正在创建一个音频播放器。在js文件中，我想将事件“timeupdate”添加到FixedToolWindow。我用过jQuery。在js文件中，部分代码如下：

SizableToolWindow

但是chrome告诉我timeupdate不是一个函数。

Answer 1

timeupdate是一个事件，而不是一个函数。试试这个：

var tracktime=$('#track');
tracktime.on('timeupdate', function() {
   // ... your code ...
});

Answer 2

直接分配给对象时，您需要使用ontimeupdate，如果您使用addEventListener，则可以使用：tracktime[0].addEventListener('timeupdate', ...)：

tracktime[0].ontimeupdate

参考：https://msdn.microsoft.com/en-us/library/windows/apps/hh441309.aspx

Answer 3

当您编写tracktime[0]时，您正在访问DOM元素本身。当你只编写tracktime时，你正在操纵jQuery包装元素，其中jQuery会处理诸如偶数绑定之类的事情。这让你绑定事件，如：

tracktime.click(function(e) { ... });

因此在jQuery中，此timeupdate事件没有快捷方式，因此您必须使用.on() method绑定它：

tracktime.on('timeupdate', function() { 
    ...
});