动画事件在伪元素上触发？答案

【问题标题】：Animation events firing on psuedo-elements?动画事件在伪元素上触发？
【发布时间】：2014-08-10 05:27:33
【问题描述】：

我观察到一些关于动画事件的不一致行为。

在 Chrome 中，除了 rainbow 的每次迭代的 webkitAnimationIteration 事件之外，我还看到 fly 的每次迭代的 webkitAnimationIteration 事件

Firefox 与 Chrome 相同，但显然它会触发 animationiteration 事件而不是 webkitAnimationIteration

然而，IE 似乎没有为 fly 动画触发任何事件，只为主要元素的 rainbow 动画触发。

哪种行为是正确的？

此外，如果主元素和伪元素都使用相同的动画（但可能使用不同的时间或方向），我如何区分在 Firefox 和 Chrome 中触发的是哪一个？

【问题讨论】：

【解决方案1】：

有时，我似乎应该在发帖前进行 RTFM。

从这里，我发现：

在伪元素迭代动画时触发事件是正确的
事件对象有一个pseudoElement属性，可以区分主元素和它的::before/::after伪元素。 Chrome 不支持！有点重要，伙计们，可能应该实现它！
正确的拼写是“伪”。不是“伪”。红色波浪线表示拼写错误，尼特，请注意！

【讨论】：