AnimationEvent animationName ominaisuus

DOM-tapahtumat AnimationEvent

Määrittely ja käyttö

Kun animaatiotapahtuma tapahtuu, animationName-ominaisuus palauttaa animaation nimen.

Animaation nimi on CSS-ominaisuus animation-name arvo.

Tämä ominaisuus on vain lukuinen.

Esimerkki

Hanki animaation nimen, joka liittyy animaatioon:

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

Kokeile itse

Syntaksi

event.animationName

Tekninen tarkistus

Palautusarvo: Merkkijonoarvo, joka ilmaisee animaation nimen.

Selaimen tuki

Taulukossa olevat numerot osoittavat ensimmäisen selaimen version, joka tukee ominaisuutta täysin.

Ominaisuus Chrome IE Firefox Safari Opera
animationName Tuki 10.0 6.0 Tuki Tuki

Tiedostot

HTML DOM viittausopas:animationstart-tapahtuma

HTML DOM viittausopas:animationiteration-tapahtuma

HTML DOM viittausopas:animationend-tapahtuma

HTML DOM viittausopas:AnimationEvent elapsedTime-ominaisuus

CSS viittausopas:CSS3 animation-ominaisuus

CSS viittausopas:CSS3 animation-name-ominaisuus

DOM-tapahtumat AnimationEvent