Анимация: событие отмены

Событие cancel интерфейса Animation срабатывает при вызове метода Animation.cancel() или когда анимация переходит в состояние "idle" воспроизведения из другого состояния, например, когда анимация удаляется из элемента до завершения воспроизведения.

Используйте имя события в методах, таких как addEventListener(), или задайте свойство обработчика событий.

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

Объект AnimationPlaybackEvent. Наследуется от Event.

Помимо перечисленных ниже свойств, доступны свойства из родительского интерфейса Event.

AnimationPlaybackEvent.currentTime Только для чтения

Текущее время анимации, которая сгенерировала событие.

AnimationPlaybackEvent.timelineTime Только для чтения

Значение времени шкалы времени анимации, которая сгенерировала событие.

Если эта анимация отменена, удалите её элемент.

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

• API анимаций веб-страниц
• Animation