AnimationEvent
Экспериментальная возможность: Это экспериментальная технология
Так как спецификация этой технологии ещё не стабилизировалась, смотрите таблицу совместимости по поводу использования в различных браузерах. Также заметьте, что синтаксис и поведение экспериментальной технологии может измениться в будущих версиях браузеров, вслед за изменениями спецификации.
AnimationEvent - это интерфейс представляющий события, содержащие информацию, связанную с анимацией.
Свойства
Также свойства наследуются от родителя Event.
AnimationEvent.animationName(en-US) Только для чтения-
Является
DOMStringсодержащей значенияanimation-nameCSS-свойств связанных с transition. AnimationEvent.elapsedTime(en-US) Только для чтения-
Является числом с плавающей точкой, которое задаёт количество времени от начала анимации в секундах, когда это событие отклонено, несмотря на какое-либо время анимация была остановлена.Для события "animationstart" , elapsedTime равно
0.0если не было заданно отрицательное значение дляanimation-delay, в этом случае событие будет срабатывать с elapsedTime содержащим(-1 * delay). AnimationEvent.pseudoElement(en-US) Только для чтения-
Является
DOMString, начинающийся с '::', содержащий имя псевдо-элемента,на котором работает анимация.Если анимация не работает на псевдо-элементе, но работает на элементе,значит указанна пустая строка ' '.
Конструктор
AnimationEvent()(en-US)-
Создаёт событие AnimationEvent с передачей параметров.
Методы
Также наследуют методы от родителя Event.
AnimationEvent.initAnimationEvent()(en-US) Non-standard Устарело-
Инициализирует AnimationEvent созданную используя резко суждённый метод
Document.createEvent("AnimationEvent")(en-US).
Спецификации
| Specification |
|---|
| CSS Animations Level 1 # interface-animationevent |
Совместимость с браузерами
BCD tables only load in the browser
Смотрите также
- Использование CSS-анимации (en-US)
- Анимация связанных CSS-свойств и по правилам:
animation,animation-delay,animation-direction,animation-duration,animation-fill-mode,animation-iteration-count,animation-name,animation-play-state,animation-timing-function,@keyframes(en-US).