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.

* Einige Teile dieser Funktion werden möglicherweise unterschiedlich gut unterstützt.

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.