событие animationend
примеров
После того, как CSS анимации элемент добавляется в конце <DIV> прослушивает события:
// Chrome, Safari и Opera коды
x.addEventListener ( "webkitAnimationEnd", myStartFunction);
// Стандартный синтаксис
x.addEventListener ( "animationend", myStartFunction);
Попробуйте »
Определение и использование
animationend событие запускается после того, как CSS завершения анимации.
Подробнее о CSS - анимации, можно найти в нашем CSS3 анимации разделе.
CSS анимация играет, происходят следующие три события:
- animationstart - после начала запуска CSS - анимации
- animationiteration - CSS - код анимации срабатывает повтор
- animationend - CSS запускается после завершения
Поддержка браузеров
Цифры в таблице представляют первый браузер, чтобы поддержать эту версию событий.
"Webkit" или "Мос" после определенного числа номер префикса в качестве первой версии для поддержки событие.
событие | |||||
---|---|---|---|---|---|
animationend | 4.0 WebKit | 10,0 | 16,0 5.0 Мос | 4.0 WebKit | 15,0 WebKit 12.1 |
Примечание: Chrome, Safari и Opera браузеры webkitAnimationEnd префикс.
грамматика
объект .addEventListener ( "animationend", MyScript ); // стандартный синтаксис
Примечание: Internet Explorer 8 и более ранние версии IE не поддерживают addEventListener () метод.
технические детали
Независимо от того, чтобы поддержать пузырь: | да |
---|---|
Это может быть отменено: | Нет |
Тип события: | AnimationEvent |
Похожие страницы
Учебник CSS: CSS3 Анимация
CSS Справка: CSS3 свойства анимации
HTML DOM Ссылка: Стиль анимации свойства
объекты событий