我一直在玩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元素。
答案 0 :(得分:2)
使用onwebkitTransitionEnd
活动