impreza animationstart
Przykłady
Gdy zaczyna grać animacji CSS Dodaj jako element <div> nasłuchuje zdarzeń:
var x = document.getElementById ( "myDiv");
// Chrome, Safari i Opera Kody
x.addEventListener ( "webkitAnimationStart" myStartFunction);
// Standardowa składnia
x.addEventListener ( "animationstart" myStartFunction);
// Chrome, Safari i Opera Kody
x.addEventListener ( "webkitAnimationStart" myStartFunction);
// Standardowa składnia
x.addEventListener ( "animationstart" myStartFunction);
Spróbuj »
Definicja i Wykorzystanie
Impreza animationstart wyzwalane podczas animacji CSS zaczyna grać.
Więcej informacji na temat animacji CSS, można znaleźć na naszej animacji CSS3 sekcję.
animacje CSS odgrywa występują trzy następujące zdarzenia:
- animacje CSS po spuście startowym - animationstart
- animationiteration - animacje CSS wyzwalane powtórz
- animationEnd - Po zakończeniu spustu CSS
Pomoc Browser
Wartości podane w tabeli przedstawiają pierwszą przeglądarką obsługującą tę wersję wydarzeń.
"Webkit" lub "Moz" po określonej liczbie prefiks jako pierwsza wersja obsługująca zdarzenie.
| wydarzenie | |||||
|---|---|---|---|---|---|
| animationstart | 4,0 WebKit | 10,0 | 16,0 5,0 moz | 4,0 WebKit | 15,0 WebKit 12,1 |
Uwaga: Chrome, Safari i Opera przeglądarek webkitAnimationEnd prefiks.
gramatyka
object.addEventListener ( "webkitAnimationStart" myscript) ; // Kod Chrome, Safari i Opera
object .addEventListener ( "animationstart" MOJSKRYPT ); // standardowa składnia
object .addEventListener ( "animationstart" MOJSKRYPT ); // standardowa składnia
Uwaga: Internet Explorer 8 i wcześniejsze wersje IE nie obsługuje addEventListener () metody.
dane techniczne
| Czy poprzeć bańki: | tak |
|---|---|
| Może być anulowane: | nie |
| Typ zdarzenia: | AnimationEvent |
Podobne strony
Kurs CSS: CSS3 Animacja
CSS: właściwości animacji CSS3
HTML DOM: Właściwości styl animacji
obiekty zdarzeń