AnimatieEvenement animatieNaam Eigenschap
Voorbeeld
Haal de animatienaam op die aan een animatie is gekoppeld:
var x = document.getElementById("myDIV");
x.addEventListener("animationstart", myStartFunction);
function myStartFunction(event) {
this.innerHTML = "Animation-name is: " + event.animationName;
}
Definitie en gebruik
De eigenschap AnimationName retourneert de naam van de animatie wanneer een animatiegebeurtenis plaatsvindt.
De naam van de animatie is de waarde van de CSS -eigenschap animatienaam .
Deze eigenschap is alleen-lezen.
Browserondersteuning
De getallen in de tabel geven de eerste browserversie aan die de eigenschap volledig ondersteunt.
Property | |||||
---|---|---|---|---|---|
animationName | Yes | 10.0 | 6.0 | Yes | Yes |
Syntaxis
event.animationName
Technische details
Winstwaarde: | Een tekenreeks, die de naam van de animatie vertegenwoordigt |
---|
Gerelateerde pagina's
HTML DOM-referentie: De animatiestart-gebeurtenis
HTML DOM-referentie: de animatieiteratiegebeurtenis
HTML DOM-referentie: The Animationend Event
HTML DOM-referentie: AnimationEvent elapsedTime-eigenschap
CSS-referentie: CSS3-animatie-eigenschap
CSS-referentie: CSS3-animatienaam Eigenschap