如何查找过渡何时完成答案

【问题标题】：How to find when a transition has finished如何查找过渡何时完成
【发布时间】：2013-03-06 16:10:03
【问题描述】：

我一直在玩this website的代码

现在我想做的是监听一个过渡何时完成，以便我可以按顺序开始另一个过渡。比如……

import "dart:html";

num rotatePos = 0;

void main() {
  query("#buttonRotate").onClick.listen(rotateElement);
}

void rotateElement(Event e) {
  rotatePos += 360;
  Element element = e.target;

  element.style.transition = "1s";
  element.style.transform = "rotate(${rotatePos}deg)";

  //Thank you for the help, here is my code for anyone else having
  //questions about this...
  element.onTransitionEnd.listen(transitionFinished);
}

void transitionFinished(Event e) {
  query("#text").text = "Event Finished!";
}

然后，当转换或转换完成时，我将如何设置监听？还是我只是以错误的方式解决这个问题？基本上我最终想要做的是按顺序播放一系列过渡，并且还能够暂停和继续动画。我想也许 animationEvent 类可能是我需要使用的，但到目前为止，我发现的示例似乎将它与画布一起使用，我只想为 dom 元素设置动画。

【问题讨论】：

标签： transform transition dart

【解决方案1】：

使用onwebkitTransitionEnd事件

【讨论】：

谢谢，我之前注意到了这一点，但在使其正常工作时遇到了麻烦。我将在上面编辑我的代码，以便将来有人遇到此问题。