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.
addEventListener("cancel", (event) => { })
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> |