AnimationEvent#

Represents the animation event object, inherited from CustomEvent, used to describe the state changes of the animation in its life cycle, such as start, end, etc.

The event object contains information such as the type and name of the animation.

Instance property#

detail#

detail: {
  animation_type: string,
  animation_name: string,
  new_animator: boolean,
}

Represents some basic information of the animation to which the event belongs.

• animation-type: The type of the animation. If it is a keyframe animation, this value is keyframe-animation; if it is a transition animation, this value is transition-animation.
• animation-name: The name of the animation. If it is a keyframe animation, it is the name of @keyframes in CSS; if it is a transition animation, it is the name of transition-property in CSS.
• new_animator: The default value is true.

AnimationEvent type#

animationstart#

Indicates the start of keyframe animation playback.

animationend#

Indicates the end of keyframe animation playback.

animationcancel#

Indicates that the keyframe animation playback is canceled.

animationiteration#

Indicates the number of keyframe animation playback iterations.

transitionstart#

Indicates the start of the transition animation playback.

transitionend#

Indicates the end of the transition animation playback.

transitioncancel#

Indicates that the transition animation playback is canceled.

Compatibility#