本文转自:http://www.runoob.com/jsref/event-animationend.html
在 CSS 动画结束后为 <div> 元素添加监听事件:
var x = document.getElementById("myDIV");
// Chrome, Safari 和 Opera 代码
x.addEventListener("webkitAnimationEnd", myStartFunction);
// 标准语法
x.addEventListener("animationend", myStartFunction);
定义和用法
animationend 事件在 CSS 动画完成后触发。
CSS 动画播放时,会发生以下三个事件:
- animationstart - CSS 动画开始后触发
- animationiteration - CSS 动画重复播放时触发
- animationend - CSS 动画完成后触发