Atributo animationName do evento AnimationEvent

Eventos DOM Evento AnimationEvent

Definição e Uso

Quando ocorre um evento de animação, o atributo animationName retorna o nome da animação.

O nome da animação é um atributo CSS animation-name do valor.

Este atributo é apenas leitura.

Exemplo

Obter o nome da animação associada:

var x = document.getElementById("myDIV");
x.addEventListener("animationstart", myStartFunction);
function myStartFunction(event) {
  this.innerHTML = "O nome da animação é: " + event.animationName;
}

Experimente você mesmo

Sintaxe

evento.animationName

Detalhes Técnicos

Retorno: Valor de string que representa o nome da animação.

Suporte do Navegador

Os números na tabela indicam a primeira versão do navegador que suporta completamente o atributo.

Atributo Chrome IE Firefox Safari Opera
animationName Suporte 10.0 6.0 Suporte Suporte

Páginas Relacionadas

Manual de Referência HTML DOM：Evento animationstart

Manual de Referência HTML DOM：Evento animationiteration

Manual de Referência HTML DOM：Evento animationend

Manual de Referência HTML DOM：Propriedade elapsedTime do AnimationEvent

Manual de Referência CSS：Propriedade animation da CSS3

Manual de Referência CSS：Propriedade animation-name da CSS3

Eventos DOM Evento AnimationEvent