Événement transitionend
Définition et utilisation
L'événement transitionend se produit lorsque la transition CSS est terminée.
Remarque :Si la transition est supprimée avant son achèvement, par exemple si vous supprimez le CSS transition-property Les propriétés, si elles ne sont pas déclenchées par l'événement transitionend.
Pour en savoir plus sur les transitions CSS, consultez notre Tutoriel de transition CSS3.
Exemple
Lorsque la transition CSS est terminée, faites quelque chose avec l'élément <div> :
// code pour Safari 3.1 à 6.0
document.getElementById("myDIV").addEventListener("webkitTransitionEnd", myFunction);
// syntaxe standard
document.getElementById("myDIV").addEventListener("transitionend", myFunction);
Syntaxe
object.addEventListener("webkitTransitionEnd", myScript); // code pour Safari 3.1 à 6.0
object.addEventListener("transitionend", myScript); // syntaxe standard
Remarque :Internet Explorer 8 et versions antérieures ne prennent pas en charge Méthode addEventListener().
Détails techniques
| Bubbling : | Prise en charge |
|---|---|
| Annulable : | Prise en charge |
| Type d'événement : | Événement TransitionEvent |
| Version DOM : | Niveau 3 des événements |
Prise en charge du navigateur
Les nombres dans le tableau indiquent la première version de navigateur prenant en charge cet événement.
Les nombres précédés de "webkit", "moz" ou "o" spécifient la première version utilisant ces préfixes.
| Événement | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| transitionend | 26.0 4.0 (webkit) |
10.0 | 16.0 4.0 (moz) |
6.1 3.1 (webkit) |
12.1 10.5 (o) |
Pages associées
Tutoriel CSS : transition CSS3
