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 aus einem anderen Wiedergabezustand in den Zustand "idle" wechselt, beispielsweise weil sie vor dem Ende der Wiedergabe von einem Element entfernt wird.
Hinweis:
Wenn eine neue Animation erstellt wird, die sich anfangs im Zustand "idle" befindet, wird für diese Animation kein cancel-Ereignis ausgelöst.
Syntax
Verwenden Sie den Ereignisnamen in addEventListener():
addEventListener("cancel", (event) => { })
Alternativ können Sie die Event-Handler-Eigenschaft der Schnittstelle zuweisen:
oncancel = (event) => { }
Ereignistyp
Ein AnimationPlaybackEvent. Erbt von Event.
Beispiele
Wenn diese Animation abgebrochen wird, entfernen Sie ihr Element.
animation.oncancel = (event) => {
animation.effect.target.remove();
};
Spezifikationen
| Spezifikation |
|---|
| Web Animations # dom-animation-oncancel |
| Web Animations # cancel-event |