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.

L'interface TransitionEvent représente les évènements qui fournissent des informations relatives aux transitions.

Event TransitionEvent

Constructeur

TransitionEvent()

Crée un évènement TransitionEvent avec les paramètres fournis.

Propriétés des instances

Cette interface hérite également des propriétés de son parent Event.

TransitionEvent.propertyName Lecture seule

Une chaîne de caractères qui contient le nom de la propriété CSS associée à la transition.

TransitionEvent.elapsedTime Lecture seule

Un nombre flottant (float) indiquant la durée (exprimée en secondes) depuis laquelle la transition est lancée, lorsque cet évènement a été déclenché. Cette valeur n'est pas impactée par la propriété transition-delay.

TransitionEvent.pseudoElement Lecture seule

Une chaîne de caractères, commençant par ::, qui contient le nom du pseudo-élément sur lequel s'exécute l'animation. Si la transition ne porte pas sur un pseudo-élément, mais sur un élément, cette propriété vaudra la chaîne vide ('').

Évènements de type TransitionEvent

transitioncancel

Un évènement déclenché lorsqu'une transition CSS a été annulée.

transitionend

Un évènement déclenché lorsqu'une transition CSS a terminé.

transitionrun

Un évènement déclenché lorsqu'une transition CSS est créée (c'est-à-dire ajoutée à l'ensemble des transitions lancées), sans qu'elle soit nécessairement démarrée.

transitionstart

Un évènement déclenché lorsqu'une transition CSS a démarré.

Méthodes des instances

Cette interface hérite également des méthodes de son parent Event.

Spécifications

Specification
CSS Transitions
# interface-transitionevent

Compatibilité des navigateurs

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
TransitionEvent
TransitionEvent() constructor
elapsedTime
propertyName
pseudoElement

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
Requires a vendor prefix or different name for use.
Has more compatibility info.

Voir aussi