impreza animationend
Przykłady
Po elementem animacji CSS zostanie dodany do końca <div> nasłuchuje zdarzeń:
var x = document.getElementById ( "myDiv");
// Chrome, Safari i Opera Kody
x.addEventListener ( "webkitAnimationEnd" myStartFunction);
// Standardowa składnia
x.addEventListener ( "animationend" myStartFunction);
// Chrome, Safari i Opera Kody
x.addEventListener ( "webkitAnimationEnd" myStartFunction);
// Standardowa składnia
x.addEventListener ( "animationend" myStartFunction);
Spróbuj »
Definicja i Wykorzystanie
Impreza animationend jest wyzwalany po animacji CSS jest kompletna.
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:
- animationstart - po uruchomieniu spustu animacji CSS
- animationiteration - animacje CSS wyzwalane powtórz
- animationend - CSS wyzwalane po zakończeniu
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 | |||||
|---|---|---|---|---|---|
| animationend | 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 ( "webkitAnimationEnd" myscript) ; // Chrome, Safari i Opera
object .addEventListener ( "animationend" MOJSKRYPT ); // składni standardowy
object .addEventListener ( "animationend" MOJSKRYPT ); // składni standardowy
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ń