Událost spuštění animace
Příklad
Po spuštění animace CSS proveďte něco s prvkem <div>:
var x = document.getElementById("myDIV");
// Code for Chrome, Safari and Opera
x.addEventListener("webkitAnimationStart", myStartFunction);
// Standard syntax
x.addEventListener("animationstart", myStartFunction);
Definice a použití
Událost animationstart nastane, když se spustí animace CSS.
Další informace o animacích CSS najdete v našem tutoriálu o animacích CSS3 .
Při přehrávání animace CSS mohou nastat tři události:
- animationstart - nastane, když se spustí animace CSS
- animace - nastává, když se animace CSS opakuje
- animationend - nastane, když je dokončena animace CSS
Podpora prohlížeče
Čísla v tabulce určují první verzi prohlížeče, která událost plně podporuje.
Čísla následovaná „webkit“ nebo „moz“ určují první verzi, která fungovala s předponou.
Event | |||||
---|---|---|---|---|---|
animationstart | 4.0 webkit | 10.0 | 16.0 5.0 moz |
4.0 webkit | 15.0 webkit 12.1 |
Poznámka: Pro Chrome, Safari a Opera použijte předponu webkitAnimationStart.
Syntax
object.addEventListener("webkitAnimationStart", myScript); // Code for Chrome, Safari and Opera
object.addEventListener("animationstart", 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é: | Ne |
Typ události: | AnimationEvent |
Verze DOM: | Události úrovně 3 |
Související stránky
CSS tutoriál: CSS3 animace
Reference CSS: Vlastnost animace CSS3
Odkaz HTML DOM: Vlastnost animace stylu