TransitionEvent

Baseline Weitgehend verfügbar

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

Mehr erfahren
Vollständige Kompatibilität anzeigen

Die TransitionEvent-Schnittstelle repräsentiert Ereignisse, die Informationen im Zusammenhang mit Transitions bereitstellen.

Konstruktor

TransitionEvent(): Erstellt ein TransitionEvent-Ereignis mit den gegebenen Parametern.

Instanz-Eigenschaften

Erbung von Eigenschaften von ihrem Elternteil Event

TransitionEvent.animation Schreibgeschützt: Eine schreibgeschützte CSSTransition-Eigenschaft, die die Animation enthält, die mit dem Ereignis verbunden ist.
TransitionEvent.propertyName Schreibgeschützt: Ein String, der den Namen der CSS-Eigenschaft enthält, die mit der Transition verbunden ist.
TransitionEvent.elapsedTime Schreibgeschützt: Ein float, das die Zeit in Sekunden angibt, die die Transition bei Auslösung dieses Ereignisses gelaufen ist. Dieser Wert wird nicht von der Eigenschaft transition-delay beeinflusst.
TransitionEvent.pseudoElement Schreibgeschützt: Ein String, beginnend mit ::, der den Namen des Pseudo-Elements enthält, auf dem die Animation läuft. Wenn die Transition nicht auf einem Pseudo-Element, sondern auf dem Element läuft, ist dies ein leerer String: ''.

Arten von `TransitionEvent`

transitioncancel: Ein Event, das ausgelöst wird, wenn eine CSS-Transition abgebrochen wurde.
transitionend: Ein Event, das ausgelöst wird, wenn eine CSS-Transition fertig abgespielt ist.
transitionrun: Ein Event, das ausgelöst wird, wenn eine CSS-Transition erstellt wird (d.h. wenn sie zu einem Satz laufender Transitions hinzugefügt wird), aber nicht unbedingt gestartet ist.
transitionstart: Ein Event, das ausgelöst wird, wenn eine CSS-Transition beginnt zu laufen.