我正在观察一些关于动画事件的不一致行为。
在Chrome中，除webkitAnimationIteration每次迭代fly事件外，webkitAnimationIteration每次迭代都会看到rainbow事件
Firefox与Chrome相同，但显然它会触发animationiteration个事件，而不是webkitAnimationIteration
fly动画触发任何事件，仅针对主要元素的rainbow动画。
哪种行为是正确的？
此外，如果主要元素和伪元素都使用相同的动画（但可能有不同的时间或方向），我如何区分哪一个在Firefox和Chrome中被激活？
答案 0 :(得分：1)
有时，似乎我应该在发布之前进行RTFM。
具体而言，the specifications。
从这里，我发现：
伪元素迭代动画时触发事件正确
事件对象具有pseudoElement属性，可以区分主要元素及其::before / ::after伪元素。 Chrome不支持！一些重要的人，应该实现它！
正确的拼写是＆＃34;伪＆＃34;。不是＆＃34; psuedo＆＃34;。红色波浪形线意味着拼写错误，Niet，已经注意了！