Örnek
Bir ile bir şeyler yapın <div> CSS geçiş sona erdiğinde elemanı:
// Code for Safari 3.1 to 6.0
document.getElementById("myDIV").addEventListener("webkitTransitionEnd",
myFunction);
// Standard syntax
document.getElementById("myDIV").addEventListener("transitionend",
myFunction); Kendin dene " Tanımı ve Kullanımı
Bir CSS geçiş tamamlandığında transitionend olayı oluşur.
Not: Geçiş tamamlama, örneğin önce çıkarılması halinde CSS eğer geçiş-mülk mülkiyet kaldırılır transitionend olayı olmaz.
CSS Geçişleri hakkında daha fazla bilgi için, bizim öğretici bakınız CSS3 Geçişleri .
Tarayıcı Desteği
Tablodaki rakamlar tamamen olayı destekleyen ilk tarayıcı sürümü belirtin.
Ardından Numaraları "webkit" , "moz" veya "o" bir önek ile çalıştığım ilk versiyonunu belirtin.
| Olay | |||||
|---|---|---|---|---|---|
| transitionend | 26,0 4,0 (webkitTransitionEnd) | 10.0 | 16.0 4,0 (mozTransitionEnd) | 6.1 3,1 (webkitTransitionEnd) | 12.1 10.5 (oTransitionEnd) |
Sözdizimi
object.addEventListener("webkitTransitionEnd", myScript );
// Code for Safari 3.1 to 6.0
object .addEventListener("transitionend", myScript );
// Standard syntax
Not: addEventListener() metodu Internet Explorer 8 ve önceki sürümlerinde desteklenmez.
Teknik detaylar
| Kabarcıklar: | Evet |
|---|---|
| iptal Edilebilir: | Evet |
| Etkinlik tipi: | TransitionEvent |
| DOM Versiyon: | Düzey 3 Olaylar |
İlgili Sayfalar
CSS Eğitimi: CSS3 Geçişler
CSS Referans: CSS3 transition Property
CSS Referans: CSS3 transition-property Property
<Olay Nesne