TransitionEvent
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.
Das TransitionEvent
Interface 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 seinem Elternteil Event
.
TransitionEvent.propertyName
Nur lesbar-
Ein String, der den Namen der CSS-Eigenschaft enthält, die dem Übergang zugeordnet ist.
TransitionEvent.elapsedTime
Nur lesbar-
Ein
float
, der die Zeitdauer angibt, die der Übergang beim Auslösen dieses Ereignisses läuft, in Sekunden. Dieser Wert wird nicht von der Eigenschafttransition-delay
beeinflusst. TransitionEvent.pseudoElement
Nur lesbar-
Ein String, der mit
::
beginnt und den Namen des Pseudo-Elements enthält, auf dem die Animation ausgeführt wird. Wenn der Übergang nicht auf einem Pseudo-Element, sondern auf dem Element läuft, 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 von laufenden Übergängen hinzugefügt wird), jedoch nicht unbedingt gestartet wird. transitionstart
-
Ein
Event
, das ausgelöst wird, wenn ein CSS-Übergang das Übergangsstadium erreicht.
Instanz-Methoden
Erbt auch Methoden von seinem Elternteil Event
.
Spezifikationen
Specification |
---|
CSS Transitions # interface-transitionevent |
Browser-Kompatibilität
BCD tables only load in the browser
Siehe auch
- Verwendung von CSS-Übergängen
- CSS-Eigenschaften:
transition
,transition-delay
,transition-duration
,transition-property
,transition-timing-function
- CSS-Regeln:
@starting-style