AnimationEvent animationName özelliği

Tanım ve Kullanım

Animasyon olayı meydana geldiğinde, animationName özelliği animasyon adını döndürür.

Animasyon adı, CSS özelliğidir animation-name Değerleri.

Bu özellik yalnızca okunabilir.

Örnek

Animasyonla ilişkili animasyon adını almak için:

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

Deneyimleyin

Sözdizimi

olay.animationName

Teknik Ayrıntılar

Dönüş Değeri: Animasyon adını ifade eden bir dizi karakter.

Tarayıcı Desteği

Tablodaki rakamlar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.

Özellik Chrome IE Firefox Safari Opera
animationName Destek 10.0 6.0 Destek Destek

İlgili Sayfalar

HTML DOM Kaynak Kılavuzu:animationstart olayı

HTML DOM Kaynak Kılavuzu:animationiteration olayı

HTML DOM Kaynak Kılavuzu:animationend olayı

HTML DOM Kaynak Kılavuzu:AnimationEvent elapsedTime özelliği

CSS Kaynak Kılavuzu:CSS3 animation özelliği

CSS Kaynak Kılavuzu:CSS3 animation-name özelliği