1、 -webkit-animation动画其实有三个事件:
开始事件 webkitAnimationStart
结束事件 webkitAnimationEnd
重复运动事件 webkitAnimationIteration
2、 css3的过渡属性transition,在动画结束时,也存在结束的事件:webkitTransitionEnd;
注意:transition,也仅仅有这一个事件。
demo:点击查看demo
(注:以上demo打开后,打开调试器查看)
以上事件是针对webkit内核的浏览器的,经实验其他内核的浏览器不支持这类事件
总结:在webkit内核统一的移动端可以使用这些事件监听,不建议在pc端使用,在不支持的情况下,请用setTimeout定时器来兼容。
时间: 2024-09-30 11:25:33