TransitionEvent

Baseline

Large disponibilité

Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 2015.

* Certaines parties de cette fonctionnalité peuvent bénéficier de prise en charge variables.

Voir la compatibilité complète
En savoir plus

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

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é.