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

前端之家收集整理的这篇文章主要介绍了你如何检测CSS动画何时开始和结束JavaScript?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我习惯用 JavaScript动画元素.我发现用CSS3做起来更简单.

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

解决方法

将适当的事件绑定到元素,例如
el.addEventListener("animationstart",function() {},false);
el.addEventListener("animationend",false);
el.addEventListener("animationiteration",false);

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

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

猜你在找的CSS相关文章