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 Weitgehend verfügbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit August 2016 browserübergreifend verfügbar.

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 groß-/kleinschreibungssensitiv und Browser setzen es auf transitionrun, transitionstart, transitionend oder transitioncancel.

options Optional

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

animation Optional

Ein CSSTransition, das die mit dem Ereignis verbundene Animation darstellt. Standardmäßig ist es null.

propertyName Optional

Ein String, der den Namen der mit der Transition assoziierten CSS-Eigenschaft enthält. Standardmäßig ist es "".

elapsedTime Optional

Eine Zahl, die die Laufzeit der Animation in Sekunden angibt, als dieses Ereignis ausgelöst wurde, ohne die Zeit, in der die Animation pausiert war. 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 ausgelöst, das (-1 * delay) enthält. Standardmäßig ist es 0.0.

pseudoElement Optional

Ein String, der mit "::" beginnt und den Namen des Pseudo-Elements enthält, auf dem die Animation ausgeführt wird. Wenn die Animation nicht auf einem Pseudo-Element, sondern auf dem Element ausgeführt wird, ein leerer String: "". Standardmäßig ist es "".

Rückgabewert

Ein neues TransitionEvent Objekt.

Spezifikationen

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

Browser-Kompatibilität

Siehe auch