Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

TransitionEvent

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨Juli 2015⁩.

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

Event TransitionEvent

Konstruktor

TransitionEvent()

Erstellt ein TransitionEvent-Ereignis mit den angegebenen Parametern.

Instanz-Eigenschaften

Erbt auch Eigenschaften von ihrem Elternteil Event.

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, als dieses Ereignis ausgelöst wurde. Dieser Wert wird nicht von der Eigenschaft transition-delay beeinflusst.

TransitionEvent.pseudoElement Schreibgeschützt

Ein String, beginnend mit ::, der den Namen des Pseudoelements enthält, auf dem die Animation läuft. Wenn der Übergang nicht auf einem Pseudoelement, sondern auf dem Element selbst erfolgt, 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 abgeschlossen 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 wurde.

transitionstart

Ein Event, das ausgelöst wird, wenn ein CSS-Übergang begonnen hat zu wechseln.

Instanz-Methoden

Erbt auch Methoden von ihrem Elternteil Event.

Spezifikationen

Specification
CSS Transitions
# interface-transitionevent

Browser-Kompatibilität

Siehe auch