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. Es 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 "".

elapsedTime Optional

Eine Zahl, die angibt, wie lange die Animation bereits läuft, in Sekunden, wenn dieses Ereignis ausgelöst wird, ohne die Zeit einzuschließen, 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. Standardwert ist 0.0.

pseudoElement Optional

Ein String, der standardmäßig mit "::" beginnt und den Namen des Pseudo-Elements enthält, auf dem die Animation läuft. Wenn die Animation nicht auf einem Pseudo-Element, sondern auf dem Element selbst läuft, ist es ein leerer String: "". Standardwert ist "".

Rückgabewert

Ein neues TransitionEvent-Objekt.

Spezifikationen

Specification
CSS Transitions Module Level 1
# dom-transitionevent-transitionevent

Browser-Kompatibilität

Siehe auch