Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

AnimationEvent: AnimationEvent() 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 AnimationEvent() Konstruktor erstellt ein neues AnimationEvent-Objekt, das ein Ereignis im Zusammenhang mit einer Animation darstellt.

Syntax

js
new AnimationEvent(type)
new AnimationEvent(type, options)

Parameter

type

Ein String mit dem Namen des Typs des AnimationEvent. Er ist case-sensitive und Browser setzen ihn auf animationstart, animationend oder animationiteration.

options Optional

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

animation Optional

Eine CSSAnimation, die die mit dem Ereignis verbundene Animation enthält. Standardmäßig null.

animationName Optional

Ein String, der den Wert der CSS-Eigenschaft animation-name enthält, die mit der Transition verbunden ist. Standardmäßig "".

elapsedTime Optional

Ein float, der die Zeit in Sekunden angibt, die die Animation gelaufen ist, als dieses Ereignis ausgelöst wurde, ohne Berücksichtigung der Pausenzeit der Animation. Bei einem animationstart-Ereignis ist elapsedTime 0.0, es sei denn, es gab einen negativen Wert für animation-delay, in welchem Fall das Ereignis mit elapsedTime von (-1 * delay) ausgelöst wird. Standardmäßig 0.0.

pseudoElement Optional

Ein String, der mit "::" startet und den Namen des Pseudo-Elements enthält, auf dem die Animation läuft. Wenn die Animation nicht auf einem Pseudo-Element ausgeführt wird, sondern auf dem Element selbst, geben Sie einen leeren String an: "". Standardmäßig "".

Spezifikationen

Spezifikation
CSS Animations Level 1
# dom-animationevent-animationevent

Browser-Kompatibilität

Siehe auch