animationcancel

An animationcancel event is fired when a CSS Animation unexpectedly aborts. In other words, any time it stops running without sending an animationend event). This might happen when the animation-name is changed such that the animation is removed, or when the animating node is hidden using CSS. Therefore, either directly or because any of its containing nodes are hidden.

An event handler for this event can be added by setting the onanimationcancel property, or using addEventListener().

General info

Specification

CSS Animations
The definition of 'onanimationcancel' in that specification.

Interface

AnimationEvent

Bubbles

No

Cancelable

No

Target

Animation

Default Action

None

Properties

This event implements the properties of AnimationEvent.

Methods

This event implements the methods of AnimationEvent.

Related events

• animationstart, animationoniteration, animationend

Specifications

Browser compatibility

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

See also

• The onanimationcancel event handler called by this event.
• AnimationEvent