Atributo animationName del evento AnimationEvent

Eventos DOM Evento AnimationEvent

Definición y uso

Cuando ocurre un evento de animación, el atributo animationName devuelve el nombre de la animación.

El nombre de la animación es un atributo de CSS animation-name Su valor.

Este atributo es de solo lectura.

Ejemplo

Obtener el nombre de la animación asociada：

var x = document.getElementById("myDIV");
x.addEventListener("animationstart", myStartFunction);
function myStartFunction(event) {
  this.innerHTML = "El nombre de la animación es: " + event.animationName;
}

Prueba por tu cuenta

Sintaxis

evento.animationName

Detalles técnicos

Valor devuelto： Valor de cadena que representa el nombre de la animación.

Compatibilidad del navegador

Los números en la tabla indican la versión del navegador que primero admite completamente el atributo.

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

Páginas Relacionadas

Manual de Referencia de HTML DOM：Evento animationstart

Manual de Referencia de HTML DOM：Evento animationiteration

Manual de Referencia de HTML DOM：Evento animationend

Manual de Referencia de HTML DOM：Atributo elapsedTime del evento AnimationEvent

Manual de Referencia de CSS：Atributo de animación CSS3

Manual de Referencia de CSS：Atributo animation-name de CSS3

Eventos DOM Evento AnimationEvent