AnimationEvent

Experimental

Это экспериментальная технология
Так как спецификация этой технологии ещё не стабилизировалась, смотрите таблицу совместимости по поводу использования в различных браузерах. Также заметьте, что синтаксис и поведение экспериментальной технологии может измениться в будущих версиях браузеров, вслед за изменениями спецификации.

AnimationEvent - это интерфейс представляющий события, содержащие информацию, связанную с анимацией.

Свойства

Также свойства наследуются от родителя Event.

AnimationEvent.animationName (en-US) Только для чтения
Является DOMString содержащей значения animation-name CSS свойств связанных с transition.
AnimationEvent.elapsedTime (en-US) Только для чтения
Является числом с плавающей точкой, которое задаёт количество времени от начала анимации в секундах, когда это событие отклонено, несмотря на какое-либо время анимация была остановлена.Для события   "animationstart" , elapsedTime равно  0.0 если не было заданно отрицательное значение для animation-delay, в этом случае событие будет срабатывать с  elapsedTime содержащим (-1 * delay).
AnimationEvent.pseudoElement (en-US) Только для чтения
Является  DOMString, начинающийся с '::', содержащий имя псевдо-элемента  ,на котором работает анимация.Если анимация не работает на псевдо-элементе, но работает на элементе,значит указанна пустая строка ' '. 

Конструктор

 

AnimationEvent()
Создаёт событие AnimationEvent с передачей параметров.

Методы

Также наследуют методы от родителя Event.

AnimationEvent.initAnimationEvent() (en-US) Это API не было стандартизировано. Это устаревшее API больше не должно использоваться, но оно по-прежнему может работать.
Инициализирует AnimationEvent созданную используя резко суждённый метод Document.createEvent("AnimationEvent") (en-US).

Спецификация

 

Спецификация Статус Комментарий
CSS Animations Level 1
Определение 'AnimationEvent' в этой спецификации.
Рабочий черновик

Определяет инициализацию

 Поддержка браузерами

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help! (en-US)

Характеристика Chrome Firefox (Gecko) Internet Explorer Opera Safari
Базовая поддержка

1.0 webkit (en-US)

43.0

6.0 (6.0) 10.0 12 o (en-US)
12.10
15.0 webkit (en-US)
4.0 webkit (en-US)
Конструктор AnimationEvent()

43.0

23.0 (23.0) Нет Нет Нет
initAnimationEvent() Это API не было стандартизировано. Это устаревшее API больше не должно использоваться, но оно по-прежнему может работать. 1.0 6.0 (6.0)
Removed in 23.0 (23.0)
10.0 12 4.0
Псевдо-элемент Нет 23.0 (23.0) Нет Нет Нет
Feature Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile Chrome for Android
Базовая поддержка (Да)webkit (en-US) 6.0 (6.0) 10.0 12 o (en-US)
12.10
15.0 webkit (en-US)
(Да)webkit (en-US) 43.0
Конструктор AnimationEvent() Нет 23.0 (23.0) Нет Нет Нет 43.0
initAnimationEvent() Это API не было стандартизировано. Это устаревшее API больше не должно использоваться, но оно по-прежнему может работать. (Да) 6.0 (6.0)
Removed in 23.0 (23.0)
10.0 (Да) (Да) Нет
Псевдо-элемент Нет 23.0 (23.0) Нет Нет Нет Нет

Смотрите также