本文详细解析了CSS中transitioned事件的特性与应用。它不仅会在动画完成时触发，即使动画回归初始状态也会触发，前提是过渡时间不为0。此外，文章还介绍了如何在父元素上监听transitioned事件，并通过事件委托精确捕捉每个子元素动画的结束时间。
1.transitioned事件是双向的，动画完成或者动画回归最初状态都会触发transitioned事件
2.transitioned事件只有在有过渡时间且过渡时间不为0时才会触发
3.在父元素身上添加transitioned事件，子元素的动画结束或回归最初状态时，也会触发该transitioned事件。若不想某个子元素触发父元素的transitioned事件，则在子元素的transitioned事件函数内部添加e.stopPropagation();使该事件停止冒泡即可。
4.由于每个动画的持续时间有可能是不一样的，若想精确到某个具体的动画结束，那就使用事件委托来判断每次事件对象中的elapsedTime来判断持续时间，原生事件委托的介绍下面这片文章介绍的很不错
https://davidwalsh.name/event-delegate
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
