évènement transitionend

Exemples

Modifier <div> CSS après l'achèvement des éléments de transition et des styles de texte:

// Safari 3.1 Dao Code 6.0
. Document.getElementById ( "myDiv") addEventListener ( "webkitTransitionEnd", myFunction);

// Syntaxe standard
. Document.getElementById ( "myDiv") addEventListener ( "transitionend", myFunction);

Essayez »

Définition et utilisation

événement transitionend est déclenché après la CSS pour terminer la transition.

Remarque: si la transition est retirée avant la fin, par exemple, le CSS Transition-propriété attribut est supprimé, l'événement de transition ne sera pas déclenchée.

Plus sur les transitions CSS, s'il vous plaît voir nos transitions CSS3 .

support du navigateur

Les chiffres du tableau représentent le premier navigateur pour soutenir cette version des faits.

"Webkit" ou "moz" ou "o" à l'appui du nombre spécifié préfixent la première version de l'événement.

événement
transitionend	26,0 4,0 à webkitTransitionEnd	10.0	16,0 4,0 à mozTransitionEnd	6.1 3.1 webkitTransitionEnd	12.1 10,5 à oTransitionEnd

Note: Safari 3.1 Dao version 6.0 a soutenu l'événement, le préfixe utilisation de webkitTransitionEnd.

grammaire

object.addEventListener ( "webkitTransitionEnd", myScript) ; // Safari 3.1 Dao Code 6.0
objet .addEventListener ( "transitionend", myScript ); // syntaxe standard

Remarque: Internet Explorer 8 et les versions antérieures de IE ne supporte pas les addEventListener () méthode.

détails techniques