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.

Vollständige Kompatibilität anzeigen
Mehr erfahren

Das TransitionEvent Interface repräsentiert Ereignisse, die Informationen zu Übergängen bereitstellen.

Konstruktor

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

Instanz-Eigenschaften

Erbt auch Eigenschaften von seinem 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 dem Übergang verbunden ist.
TransitionEvent.elapsedTime Schreibgeschützt: Ein float, der die Laufzeit des Übergangs in Sekunden angibt, wenn dieses Ereignis ausgelöst wurde. Dieser Wert wird nicht von der transition-delay-Eigenschaft beeinflusst.
TransitionEvent.pseudoElement Schreibgeschützt: Ein String, beginnend mit ::, der den Namen des Pseudoelements enthält, auf dem die Animation ausgeführt wird. Wenn der Übergang nicht auf einem Pseudoelement, sondern auf dem Element ausgeführt wird, ein leerer String: ''.

Arten von `TransitionEvent`

transitioncancel: Ein Event, das ausgelöst wird, wenn ein CSS-Übergang abgebrochen wurde.
transitionend: Ein Event, das ausgelöst wird, wenn ein CSS-Übergang beendet ist.
transitionrun: Ein Event, das ausgelöst wird, wenn ein CSS-Übergang erstellt wird (d.h. wenn er zu einer Menge von ausgeführten Übergängen hinzugefügt wird), aber nicht unbedingt gestartet.
transitionstart: Ein Event, das ausgelöst wird, wenn ein CSS-Übergang begonnen hat.