TransitionEvent

Baseline Widely available

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

Das TransitionEvent Interface 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 seinem Elternteil Event.

TransitionEvent.propertyName Nur lesbar

Ein String, der den Namen der CSS-Eigenschaft enthält, die dem Übergang zugeordnet ist.

TransitionEvent.elapsedTime Nur lesbar

Ein float, der die Zeitdauer angibt, die der Übergang beim Auslösen dieses Ereignisses läuft, in Sekunden. Dieser Wert wird nicht von der Eigenschaft transition-delay beeinflusst.

TransitionEvent.pseudoElement Nur lesbar

Ein String, der mit :: beginnt und den Namen des Pseudo-Elements enthält, auf dem die Animation ausgeführt wird. Wenn der Übergang nicht auf einem Pseudo-Element, sondern auf dem Element läuft, 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 von laufenden Übergängen hinzugefügt wird), jedoch nicht unbedingt gestartet wird.

transitionstart

Ein Event, das ausgelöst wird, wenn ein CSS-Übergang das Übergangsstadium erreicht.

Instanz-Methoden

Erbt auch Methoden von seinem Elternteil Event.

Spezifikationen

Specification
CSS Transitions
# interface-transitionevent

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch