пример
Сделайте что - нибудь с <div> элемент , когда CSS переход закончился:
// Code for Safari 3.1 to 6.0
document.getElementById("myDIV").addEventListener("webkitTransitionEnd",
myFunction);
// Standard syntax
document.getElementById("myDIV").addEventListener("transitionend",
myFunction); Попробуй сам " Определение и использование
Событие transitionend происходит, когда переход CSS завершен.
Примечание: Если переход будет удален до его завершения, например , если CSS переход-свойство свойство удаляется, событие transitionend не сработает.
Дополнительные сведения о CSS Transitions см наш учебник по CSS3 Transitions .
Поддержка браузеров
Числа в таблице указать первую версию браузера, который полностью поддерживает событие.
Числа следуют "WebKit", "Мосом" или "о" указать первую версию, которая работала с приставкой.
| Мероприятие | |||||
|---|---|---|---|---|---|
| transitionend | 26,0 4.0 (webkitTransitionEnd) | 10,0 | 16,0 4.0 (mozTransitionEnd) | 6.1 3.1 (webkitTransitionEnd) | 12.1 10.5 (oTransitionEnd) |
Синтаксис
object.addEventListener("webkitTransitionEnd", myScript );
// Code for Safari 3.1 to 6.0
object .addEventListener("transitionend", myScript );
// Standard syntax
Примечание: addEventListener () метод не поддерживается в Internet Explorer 8 и более ранних версий.
Технические подробности
| Пузыри: | да |
|---|---|
| отменяемый: | да |
| Тип события: | TransitionEvent |
| DOM Версия: | Уровень 3 События |
Похожие страницы
Учебник CSS: CSS3 Transitions
CSS Ссылка: CSS3 переход собственности
CSS Справка: CSS3 переход-недвижимость недвижимости
Объект события