This is an experimental technology
Because this technology's specification has not stabilized, check the compatibility table for usage in various browsers. Also note that the syntax and behavior of an experimental technology is subject to change in future versions of browsers as the specification changes.
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
Specifications
| Specification | Status | Comment |
|---|---|---|
| CSS Animations The definition of 'animationcancel' in that specification. |
Working Draft |
Browser compatibility
| Feature | Chrome | Firefox (Gecko) | Edge | Internet Explorer | Opera | Safari (WebKit) |
|---|---|---|---|---|---|---|
| Basic support | No support | 54 (54) | ? | ? | ? | ? |
| Feature | Android | Android Webview | Firefox Mobile (Gecko) | Firefox OS | IE Mobile | Opera Mobile | Safari Mobile | Chrome for Android |
|---|---|---|---|---|---|---|---|---|
| Basic support | ? | No support | 54.0 (54) | ? | ? | ? | ? | No support |
See also
- The
onanimationcancelevent handler called by this event. AnimationEvent