transitionend olayı

DOM olayları TransitionEvent

Tanım ve Kullanım

transitionend olayı CSS dönüşümü tamamlandığında gerçekleşir.

Yorum:Örneğin, CSS kaldırıldığında ve bu durumda, transition-property Özellik, transitionend olayını tetiklemeyecek.

CSS Geçişi hakkında daha fazla bilgi edinmek için bizim CSS3 Geçiş Eğitimi.

Örnek

CSS Geçişi bittiğinde <div> elementine bazı şeyler yapın:

// Safari 3.1'e kadar 6.0'a kadar kod
document.getElementById("myDIV").addEventListener("webkitTransitionEnd", myFunction);
// Standart dil
document.getElementById("myDIV").addEventListener("transitionend", myFunction);

Kişisel Deneyim

Dil

nesne.addEventListener("webkitTransitionEnd", myScript);  // Safari 3.1'e kadar 6.0'a kadar kod
nesne.addEventListener("transitionend", myScript);        // Standart dil

Yorum:Internet Explorer 8 veya daha eski sürümler desteklememektedir addEventListener() Metodu.

Teknik Ayrıntılar

Bulutlu: Desteği
İptal Edilebilir: Desteği
Olay Türü: TransitionEvent
DOM Sürümü: 3. Seviye Olayları

Tarayıcı Desteği

Tablo'daki sayılar bu olayın tamamen desteklenen ilk tarayıcı sürümünü belirtir.

"webkit"、"moz" veya "o" ile biten sayılar bu öneklerin ilk sürümünü kullanmak için belirtir.

Olay Chrome IE Firefox Safari Opera
transitionend 26.0
4.0 (webkit)		 10.0 16.0
4.0 (moz)		 6.1
3.1 (webkit)		 12.1
10.5 (o)

İlgili Sayfalar

CSS Eğitimi: CSS3 Geçiş

CSS İpuçları Kılavuzu: CSS3 transition Özelliği

CSS referans el kitabı: CSS3 transition-property özelliği

DOM olayları TransitionEvent