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

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

Konstruktor

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

Instanzeigenschaften

Erbt auch Eigenschaften von seinem Eltern-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 Zeitdauer in Sekunden angibt, wie lange der Übergang bei Auslösung dieses Ereignisses bereits läuft. Dieser Wert wird nicht durch die Eigenschaft transition-delay beeinflusst.
TransitionEvent.pseudoElement Schreibgeschützt: Ein String, der mit :: beginnt und den Namen des Pseudoelements enthält, auf dem die Animation läuft. Läuft der Übergang nicht auf einem Pseudoelement, sondern auf dem Element selbst, ist der String leer: ''.

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 zu Ende gespielt ist.
transitionrun: Ein Event, das ausgelöst wird, wenn ein CSS-Übergang erstellt wird (d.h. wenn er zu einem Satz laufender Übergänge hinzugefügt wird), aber nicht unbedingt gestartet ist.
transitionstart: Ein Event, das ausgelöst wird, wenn ein CSS-Übergang begonnen hat.