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 September 2015.

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 es auf transitionrun, transitionstart, transitionend oder transitioncancel.

options Optional

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

propertyName Optional

Ein String, der den Namen der CSS-Eigenschaft enthält, die mit der Transition verbunden ist. Er hat standardmäßig den Wert "".

elapsedTime Optional

Eine Zahl, die die Zeit in Sekunden angibt, wie lange die Animation bis zu diesem Ereignis lief, ohne Pausenzeit der Animation. Für ein "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. Es hat standardmäßig den Wert 0,0.

pseudoElement Optional

Ein String, der standardmäßig mit "::" gefüllt ist 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 läuft, ein leerer String: "". Es hat standardmäßig den Wert "".

Rückgabewert

Ein neues TransitionEvent Objekt.

Spezifikationen

Specification
CSS Transitions
# dom-transitionevent-transitionevent

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch