AnimationEvent animationName egenskap

DOM-händelse AnimationEvent

Definition och användning

När en animationshändelse inträffar, returnerar animationName-egenskapen namnet på animationen.

Namnet på animationen är en CSS-egenskap animation-name värdet.

Egenskapen är skrivskyddad.

Exempel

Hämta namnet på animationen som är kopplad till animationen:

var x = document.getElementById("myDIV");
x.addEventListener("animationstart", myStartFunction);
function myStartFunction(event) {
  this.innerHTML = "Animation-name is: " + event.animationName;
}

Prova själv

Syntax

event.animationName

Tekniska detaljer

Returvärde: Strängvärde som representerar namnet på animationen.

Webbläsarstöd

Numrerna i tabellen anger den första webbläsaren som fullständigt stöder egenskapen.

Egenskap Chrome IE Firefox Safari Opera
animationName Stöd 10.0 6.0 Stöd Stöd

Relaterade sidor

HTML DOM referenshandbok:animationstart-händelse

HTML DOM referenshandbok:animationiteration-händelse

HTML DOM referenshandbok:animationend-händelse

HTML DOM referenshandbok:AnimationEvent elapsedTime-attribut

CSS referenshandbok:CSS3 animation-attribut

CSS referenshandbok:CSS3 animation-name-attribut

DOM-händelse AnimationEvent