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: TransitionEvent() Konstruktor

Baseline Widely available

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

Der TransitionEvent()-Konstruktor gibt ein neues TransitionEvent-Objekt zurück, das ein Ereignis im Zusammenhang mit einer Transition darstellt.

Syntax

js
new TransitionEvent(type)
new TransitionEvent(type, options)

Parameter

type

Ein String mit dem Namen des Ereignisses. Er ist case-sensitiv und Browser setzen ihn auf transitionrun, transitionstart, transitionend oder transitioncancel.

options Optional

Ein Objekt, das zusätzlich zu den in Event() definierten Eigenschaften die folgenden Eigenschaften haben kann:

propertyName Optional

Ein String, der den Namen der CSS-Eigenschaft enthält, die mit der Transition verbunden ist. Standardmäßig ist er auf "" gesetzt.

elapsedTime Optional

Eine Zahl, die die Zeit in Sekunden angibt, die die Animation gelaufen ist, als dieses Ereignis aufgetreten ist, ohne die Zeit zu berücksichtigen, in der die Animation pausiert war. Bei einem "animationstart"-Ereignis ist elapsedTime 0.0, es sei denn, es gab einen negativen Wert für animation-delay, in diesem Fall wird das Ereignis mit elapsedTime, das (-1 * delay) enthält, ausgelöst. Standardmäßig auf 0.0 gesetzt.

pseudoElement Optional

Ein String, der standardmäßig mit "::" belegt ist und den Namen des Pseudoelements enthält, auf dem die Animation läuft. Wenn die Animation nicht auf einem Pseudoelement läuft, sondern auf dem Element, ist dies ein leerer String: "". Standardmäßig auf "" gesetzt.

Rückgabewert

Ein neues TransitionEvent-Objekt.

Spezifikationen

Specification
CSS Transitions
# dom-transitionevent-transitionevent

Browser-Kompatibilität

Siehe auch