tween.addEventListener 第二次调用时不是函数

Question

我创建了这样的补间动画：

var tweenLight = new createjs.Tween(mycolor,{loop:9})
.to({r:1},500)
.to({r:0},500)
.addEventListener('complete',function() {
    // code to be executed when tween is completed
});
tweenLight.addEventListener('change',function() { // <--- not a function
    // code to be executed each frame
});

当执行这段代码时，它给我一个错误，addEventListener 不是一个函数，在第 7 行，所以更新事件没有注册所以动画没有运行我的更新代码。然而，当动画结束时，运行 'complete' 上的代码。

但是，如果我做了以下任何事情：

(..).addEventListener('complete',function() {

}).addEventListener('change',function() { // <--- still not a function

});

.

(..).addEventListener('complete',function() {

})
tweenLight.addEventListener('change',function() { // <--- still not a function

});

最后'addEventListener'总是报错。因此，如果我先添加 'update'，动画将正常工作但不会执行完成代码。

根据文档，'update' 和 'complete' 都是 events。

为什么我只能添加其中一项？

Answer 1

我猜它不是 return 补间对象，而是一些其他事件引用，因此打断了链条

var tweenLight = new createjs.Tween(mycolor, {
    loop: 9
  })
  .to({
    r: 1
  }, 500)
  .to({
    r: 0
  }, 500);
tweenLight.addEventListener('complete', function() {
  // code to be executed when tween is completed
});
tweenLight.addEventListener('change', function() { // <--- not a function
  // code to be executed each frame
});

tween.addEventListener 第二次调用时不是函数

tween.addEventListener is not a function when called for the second time

javascript

createjs

tweenjs