TransitionEvent
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since Juli 2015.
Die TransitionEvent-Schnittstelle repräsentiert Ereignisse, die Informationen im Zusammenhang mit Übergängen bereitstellen.
Konstruktor
TransitionEvent()-
Erstellt ein
TransitionEvent-Ereignis mit den angegebenen Parametern.
Instanz-Eigenschaften
Erbt auch Eigenschaften von ihrem Elternteil Event.
TransitionEvent.propertyNameSchreibgeschützt-
Ein String, der den Namen der CSS-Eigenschaft enthält, die mit dem Übergang verbunden ist.
TransitionEvent.elapsedTimeSchreibgeschützt-
Ein
float, der die Laufzeit des Übergangs in Sekunden angibt, als dieses Ereignis ausgelöst wurde. Dieser Wert wird nicht von der Eigenschafttransition-delaybeeinflusst. TransitionEvent.pseudoElementSchreibgeschützt-
Ein String, beginnend mit
::, der den Namen des Pseudoelements enthält, auf dem die Animation läuft. Wenn der Übergang nicht auf einem Pseudoelement, sondern auf dem Element selbst erfolgt, ein leerer String:''.
Arten von TransitionEvent
transitioncancel-
Ein
Event, das ausgelöst wird, wenn ein CSS-Übergang abgebrochen wurde. transitionend-
Ein
Event, das ausgelöst wird, wenn ein CSS-Übergang abgeschlossen ist. transitionrun-
Ein
Event, das ausgelöst wird, wenn ein CSS-Übergang erstellt wird (d.h. wenn er zu einem Satz laufender Übergänge hinzugefügt wird), aber nicht unbedingt gestartet wurde. transitionstart-
Ein
Event, das ausgelöst wird, wenn ein CSS-Übergang begonnen hat zu wechseln.
Instanz-Methoden
Erbt auch Methoden von ihrem Elternteil Event.
Spezifikationen
| Specification |
|---|
| CSS Transitions> # interface-transitionevent> |
Browser-Kompatibilität
Siehe auch
- Verwendung von CSS-Übergängen
- CSS-Eigenschaften:
transition,transition-delay,transition-duration,transition-property,transition-timing-function - CSS-At-Regeln:
@starting-style