přechodná událost
Příklad
Po skončení přechodu CSS proveďte něco s prvkem <div>:
// Code for Safari 3.1 to 6.0
document.getElementById("myDIV").addEventListener("webkitTransitionEnd", myFunction);
// Standard syntax
document.getElementById("myDIV").addEventListener("transitionend", myFunction);
Definice a použití
K události transitionend dochází, když je dokončen přechod CSS.
Poznámka: Pokud je přechod odstraněn před dokončením, např. pokud je odstraněna vlastnost přechodu CSS , událost transitionend se nespustí.
Další informace o CSS Transitions najdete v našem kurzu o CSS3 Transitions .
Podpora prohlížeče
Čísla v tabulce určují první verzi prohlížeče, která událost plně podporuje.
Čísla následovaná „webkit“, „moz“ nebo „o“ určují první verzi, která fungovala s předponou.
Event | |||||
---|---|---|---|---|---|
transitionend | 26.0 4.0 (webkitTransitionEnd) |
10.0 | 16.0 4.0 (mozTransitionEnd) |
6.1 3.1 (webkitTransitionEnd) |
12.1 10.5 (oTransitionEnd) |
Syntax
object.addEventListener("webkitTransitionEnd", myScript); // Code for Safari 3.1 to 6.0
object.addEventListener("transitionend", myScript); // Standard syntax
Poznámka: Metoda addEventListener() není podporována v aplikaci Internet Explorer 8 a starších verzích.
Technické údaje
bubliny: | Ano |
---|---|
Zrušitelné: | Ano |
Typ události: | TransitionEvent |
Verze DOM: | Události úrovně 3 |
Související stránky
CSS kurz: CSS3 Transitions
CSS Reference: CSS3 transition Property
CSS Reference: CSS3 transition-property Property