AnimationEvent animationName-eigenschap

DOM events AnimationEvent

Definitie en gebruik

De animationName-eigenschap retourneert de naam van de animatie wanneer een animatie-gebeurtenis optreedt.

De naam van de animatie is een CSS-eigenschap animation-name waarde.

Deze eigenschap is alleen leesbaar.

Voorbeeld

Verkrijg de naam van de animatie die geassocieerd is met de animatie:

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

Probeer het zelf uit

Syntax

event.animationName

Technische details

Retourwaarde: Een stringwaarde die de naam van de animatie aangeeft.

Browserondersteuning

De cijfers in de tabel vermelden de eerste browserversie die de eigenschap volledig ondersteunt.

Eigenschap Chrome IE Firefox Safari Opera
animationName Ondersteuning 10.0 6.0 Ondersteuning Ondersteuning

Gerelateerde pagina's

HTML DOM Referentiesboek:animationstart event

HTML DOM Referentiesboek:animationiteration event

HTML DOM Referentiesboek:animationend event

HTML DOM Referentiesboek:AnimationEvent elapsedTime attribute

CSS Referentiesboek:CSS3 animation attribute

CSS Referentiesboek:CSS3 animation-name attribute

DOM events AnimationEvent