transitionend-gebeurtenis
Definitie en gebruik
De transitionend-gebeurtenis vindt plaats wanneer de CSS-transformatie is voltooid.
Opmerking:Als de transformatie voor de voltooiing wordt verwijderd, bijvoorbeeld als de CSS transition-property Eigenschappen die geen transitionend-gebeurtenis triggen.
Voor meer informatie over CSS-overgangen, leer onze CSS3 Overgang Handleiding.
Voorbeeld
Doe iets met het <div>-element wanneer de CSS-overgang is voltooid:
// Specifiek voor Safari 3.1 tot 6.0
document.getElementById("myDIV").addEventListener("webkitTransitionEnd", myFunction);
// Standaard syntaxis
document.getElementById("myDIV").addEventListener("transitionend", myFunction);
Syntaxis
object.addEventListener("webkitTransitionEnd", myScript); // Specifiek voor Safari 3.1 tot 6.0
object.addEventListener("transitionend", myScript); // Standaard syntaxis
Opmerking:Internet Explorer 8 of eerder ondersteunt deze niet addEventListener() methode.
Technische details
| Bubbelend: | Ondersteuning |
|---|---|
| Annuleerbaar: | Ondersteuning |
| Gebeurtenistype: | TransitionEvent |
| DOM versie: | Niveau 3 Gebeurtenissen |
Browserondersteuning
De getallen in de tabel vermelden de eerste browserversie die deze gebeurtenis volledig ondersteunt.
Aangegeven getallen in de tabel zijn de eerste browserversies die deze gebeurtenis volledig ondersteunen.
| Gebeurtenis | 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) |
Gerelateerde pagina's
CSS Handleiding: CSS3 Overgang
