css3动画的事件监听

　　1、　-webkit-animation动画其实有三个事件：　　　　　　

　　　　　　开始事件 webkitAnimationStart
　　　　　　结束事件 webkitAnimationEnd
　　　　　　重复运动事件 webkitAnimationIteration
　　　　2、  css3的过渡属性transition，在动画结束时，也存在结束的事件：webkitTransitionEnd;

　　　　　　注意：transition,也仅仅有这一个事件。

demo：点击查看demo

(注：以上demo打开后，打开调试器查看)

 

以上事件是针对webkit内核的浏览器的，经实验其他内核的浏览器不支持这类事件

 

总结：在webkit内核统一的移动端可以使用这些事件监听，不建议在pc端使用，在不支持的情况下，请用setTimeout定时器来兼容。

转载于:https://www.cnblogs.com/hege/p/4979893.html