AnimationEvent animationName Propiedad
Ejemplo
Obtenga el nombre de la animación asociado con una animación:
var x = document.getElementById("myDIV");
x.addEventListener("animationstart", myStartFunction);
function myStartFunction(event) {
this.innerHTML = "Animation-name is: " + event.animationName;
}
Definición y uso
La propiedad animationName devuelve el nombre de la animación cuando ocurre un evento de animación.
El nombre de la animación es el valor de la propiedad CSS animation-name .
Esta propiedad es de sólo lectura.
Compatibilidad con navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
Property | |||||
---|---|---|---|---|---|
animationName | Yes | 10.0 | 6.0 | Yes | Yes |
Sintaxis
event.animationName
Detalles técnicos
Valor devuelto: | Una cadena, que representa el nombre de la animación. |
---|
páginas relacionadas
Referencia HTML DOM: El evento animationstart
Referencia HTML DOM: el evento de iteración de animación
Referencia HTML DOM: el evento animationend
Referencia HTML DOM: propiedad AnimationEvent elapsedTime
Referencia de CSS: propiedad de animación CSS3
Referencia de CSS: CSS3 propiedad de nombre de animación