The cancel event of the Animation interface is fired when the Animation.cancel() method is called or when the animation enters the "idle" play state from another state, such as when the animation is removed from an element before it finishes playing.

Use the event name in methods like addEventListener(), or set an event handler property.

addEventListener("cancel", (event) => { })
oncancel = (event) => { }

An AnimationPlaybackEvent. Inherits from Event.

In addition to the properties listed below, properties from the parent interface, Event, are available.

AnimationPlaybackEvent.currentTime Read only

The current time of the animation that generated the event.

AnimationPlaybackEvent.timelineTime Read only

The time value of the timeline of the animation that generated the event.

If this animation is canceled, remove its element.

animation.oncancel = (event) => {
  animation.effect.target.remove();
};

• Web Animations API
• Animation