애니메이션 이벤트가 가짜 요소에서 발생합니까?

Question

애니메이션 이벤트와 관련된 일관되지 않은 동작을 관찰하고 있습니다. 크롬에서

http://jsfiddle.net/2J37a/, 나는 rainbow

파이어 폭스의 각 반복에 대한 webkitAnimationIteration 이벤트에 추가 fly의 각 반복에 대한 webkitAnimationIteration 이벤트를보고 있어요 크롬과 동일하지만, 분명히 :

데모

그것은 animationiteration 이벤트 대신를 발생 webkitAnimationIteration

IE, 단, 주요 요소의,714를 들어, fly 애니메이션 이벤트를 해고하지 않는 것애니메이션.

어떤 행동이 올 바릅니까?

또한 주 요소와 가짜 요소가 모두 동일한 애니메이션 (그러나 시간이나 방향이 다를 수 있음)을 사용하는 경우 Firefox와 Chrome에서 어느 것이 실행되었는지 구별 할 수 있습니까?

Answer 1

간혹 RTFM을 게시해야합니다.

특히, the specifications입니다.

• 그것은 의사 요소는 애니메이션

• 이벤트 객체를 구별 할 수있는 pseudoElement 속성이를 반복 할 때 올바른는 이벤트를 발생하는 것입니다 : 여기에서

  , 나는 것을 발견 주 요소 및 그것의 ::before/::after 의사 요소. Chrome에서 지원되지 않습니다. 중요한 일종의 사람들은 아마 그것을 구현해야합니다!

• 올바른 맞춤법은 "의사"입니다. "psuedo"가 아닙니다. 빨간색 구불 구불 한 선은 맞춤법 오류를 의미합니다. Niet, 이미주의하십시오!