Атрибут animationName события AnimationEvent

События DOM AnimationEvent

Определение и использование

При возникновении события анимации атрибут animationName возвращает имя анимации.

Имя анимации - это атрибут CSS animation-name Значение.

Этот атрибут только для чтения.

Пример

Получение имени анимации, связанной с анимацией:

var x = document.getElementById("myDIV");
x.addEventListener("animationstart", myStartFunction);
function myStartFunction(event) {
  this.innerHTML = "Имя анимации: " + event.animationName;
}

Попробуйте сами

Синтаксис

event.animationName

Технические детали

Возвратное значение: Строковое значение, представляющее имя анимации.

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

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.

Атрибут Chrome IE Firefox Safari Opera
animationName Поддержка 10.0 6.0 Поддержка Поддержка

Связанные страницы

HTML DOM справочник:Событие animationstart

HTML DOM справочник:Событие animationiteration

HTML DOM справочник:Событие animationend

HTML DOM справочник:Атрибут elapsedTime события AnimationEvent

CSS справочник:Атрибут animation CSS3

CSS справочник:Атрибут animation-name CSS3

События DOM AnimationEvent