Proprietà animationName dell'evento AnimationEvent

Definizione e uso

Quando si verifica un evento di animazione, la proprietà animationName restituisce il nome dell'animazione.

Il nome dell'animazione è una proprietà CSS. animation-name Il valore.

Questa proprietà è sola lettura.

Esempio

Ottieni il nome dell'animazione associata:

var x = document.getElementById("myDIV");
x.addEventListener("animationstart", myStartFunction);
function myStartFunction(event) {
  this.innerHTML = "Il nome dell'animazione è: " + event.animationName;

Prova da solo

Sintassi

event.animationName

Dettagli tecnici

Valore di ritorno: Valore di stringa che rappresenta il nome dell'animazione.

Supporto del browser

I numeri nella tabella indicano la versione del browser che supporta completamente la proprietà.

Proprietà Chrome IE Firefox Safari Opera
animationName Supporto 10.0 6.0 Supporto Supporto

Pagine correlate

Manuale di riferimento HTML DOM:Evento animationstart

Manuale di riferimento HTML DOM:Evento animationiteration

Manuale di riferimento HTML DOM:Evento animationend

Manuale di riferimento HTML DOM:Proprietà elapsedTime dell'Evento AnimationEvent

Manuale di riferimento CSS:Proprietà animation CSS3

Manuale di riferimento CSS:Proprietà animation-name CSS3