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