你如何检测 CSS 动画何时以 JavaScript 开始和结束?

IT技术 javascript css animation
2021-02-26 17:36:46

我习惯于使用 JavaScript 为元素设置动画。我发现使用 CSS3 更简单。

使用 JavaScript 如何检测 CSS 动画何时开始以及何时结束?有什么办法吗?

1个回答

将适当的事件绑定到元素,例如

el.addEventListener("animationstart", function() {}, false);
el.addEventListener("animationend", function() {}, false);
el.addEventListener("animationiteration", function() {}, false);

https://developer.mozilla.org/en-US/docs/CSS/Tutorials/Using_CSS_animations#Using_animation_events

注意:您可能还需要添加适当的前缀事件,例如 webkitAnimationEnd