Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

Animation: cancel Ereignis

Baseline Weitgehend verfügbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit März 2020 browserübergreifend verfügbar.

Das cancel Ereignis der Animation-Schnittstelle wird ausgelöst, wenn die Methode Animation.cancel() aufgerufen wird oder wenn die Animation in den "idle"-Wiedergabestatus wechselt, zum Beispiel, wenn die Animation von einem Element entfernt wird, bevor sie zu Ende gespielt ist.

Hinweis: Das Erstellen einer neuen Animation, die anfänglich im Leerlauf ist, löst kein cancel Ereignis für die neue Animation aus.

Syntax

Verwenden Sie den Ereignisnamen in Methoden wie addEventListener(), oder setzen Sie eine Ereignishandler-Eigenschaft.

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

oncancel = (event) => { }

Ereignistyp

Ein AnimationPlaybackEvent. Erbt von Event.

Event AnimationPlaybackEvent

Beispiele

Wenn diese Animation abgebrochen wird, entfernen Sie ihr Element.

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

Spezifikationen

Spezifikation
Web Animations
# dom-animation-oncancel
Web Animations
# cancel-event

Browser-Kompatibilität

Siehe auch