AnimationEvent
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since сентябрь 2015 г..
Экспериментальная возможность: Это экспериментальная технология
Так как спецификация этой технологии ещё не стабилизировалась, смотрите таблицу совместимости по поводу использования в различных браузерах. Также заметьте, что синтаксис и поведение экспериментальной технологии может измениться в будущих версиях браузеров, вслед за изменениями спецификации.
AnimationEvent - это интерфейс представляющий события, содержащие информацию, связанную с анимацией.
Свойства
Также свойства наследуются от родителя Event.
AnimationEvent.animationNameТолько для чтения-
Является
DOMStringсодержащей значенияanimation-nameCSS-свойств связанных с transition. AnimationEvent.elapsedTimeТолько для чтения-
Является числом с плавающей точкой, которое задаёт количество времени от начала анимации в секундах, когда это событие отклонено, несмотря на какое-либо время анимация была остановлена.Для события "animationstart" , elapsedTime равно
0.0если не было заданно отрицательное значение дляanimation-delay, в этом случае событие будет срабатывать с elapsedTime содержащим(-1 * delay). AnimationEvent.pseudoElementТолько для чтения-
Является
DOMString, начинающийся с '::', содержащий имя псевдо-элемента,на котором работает анимация.Если анимация не работает на псевдо-элементе, но работает на элементе,значит указанна пустая строка ' '.
Конструктор
AnimationEvent()-
Создаёт событие AnimationEvent с передачей параметров.
Методы
Также наследуют методы от родителя Event.
AnimationEvent.initAnimationEvent()Не стандартно Устарело-
Инициализирует AnimationEvent созданную используя резко суждённый метод
Document.createEvent("AnimationEvent").
Спецификации
| Specification |
|---|
| CSS Animations Level 1 # interface-animationevent |
Совместимость с браузерами
Loading…
Смотрите также
- Использование CSS-анимации
- Анимация связанных CSS-свойств и по правилам:
animation,animation-delay,animation-direction,animation-duration,animation-fill-mode,animation-iteration-count,animation-name,animation-play-state,animation-timing-function,@keyframes.