animationstart olayı

DOM olayları AnimationEvent

Tanım ve Kullanım

CSS Animasyonu Başlangıcı Oluşturduğunda animationstart olayı oluşur.

CSS Animasyonları hakkında daha fazla bilgi için, bizim CSS3 Animasyonu Eğitimi.

CSS Animasyonu Oynarken Üç Olay Oluşabilir:

Örnek

CSS Animasyonu Başlangıcında <div> Elementine Birşeyler Yapın:

var x = document.getElementById("myDIV");
// Chrome, Safari ve Opera için kod
x.addEventListener("webkitAnimationStart", myStartFunction);
// Standart语法
x.addEventListener("animationstart", myStartFunction);

Kişisel Deneyim

Sözdizimi

object.addEventListener("webkitAnimationStart", myScript);  // Chrome, Safari ve Opera için kod
object.addEventListener("animationstart", myScript);        // Standart语法

Açıklama:Internet Explorer 8 veya daha eski sürümler desteklenmiyor addEventListener() Metodu.

Teknik Ayrıntılar

Büyüme: Destekleniyor
İptal Edilebilir: Desteklenmiyor
Olay Türü: AnimationEvent
DOM Sürümü: 3. Düzey Olaylar

Tarayıcı Desteği

Tablo içindeki sayılar, bu olayı tamamen destekleyen ilk tarayıcı sürümünü belirtir.

Sayı sonrası "webkit" veya "moz" ön ekini kullanmanın ilk sürümünü belirtir.

Olay Chrome IE Firefox Safari Opera
animationstart 4.0 webkit 10.0 16.0
5.0 moz		 4.0 webkit 15.0 webkit
12.1

Açıklama:Chrome, Safari ve Opera için webkitAnimationEnd kullanın.

İlgili Sayfalar

CSS Eğitimi:CSS3 animasyonu

CSS İpuçları Kılavuzu:CSS3 animation özelliği

HTML DOM referans kılavuzu:Style animation özelliği

DOM olayları AnimationEvent