transitionend Gebeurtenis
Voorbeeld
Doen iets met 'n <div>-element wanneer 'n CSS-oorgang geëindig het:
// Code for Safari 3.1 to 6.0
document.getElementById("myDIV").addEventListener("webkitTransitionEnd", myFunction);
// Standard syntax
document.getElementById("myDIV").addEventListener("transitionend", myFunction);
Definisie en gebruik
Die oorgangeindgebeurtenis vind plaas wanneer 'n CSS-oorgang voltooi is.
Let wel: As die oorgang verwyder word voor voltooiing, bv. as die CSS -oorgang-eienskap- eienskap verwyder word, sal die oorgang-eindgebeurtenis nie ontslaan nie.
Vir meer inligting oor CSS Transitions, sien ons tutoriaal oor CSS3 Transitions .
Blaaierondersteuning
Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die geleentheid ten volle ondersteun.
Nommers gevolg deur "webkit", "moz" of "o" spesifiseer die eerste weergawe wat met 'n voorvoegsel gewerk het.
Event | |||||
---|---|---|---|---|---|
transitionend | 26.0 4.0 (webkitTransitionEnd) |
10.0 | 16.0 4.0 (mozTransitionEnd) |
6.1 3.1 (webkitTransitionEnd) |
12.1 10.5 (oTransitionEnd) |
Sintaksis
object.addEventListener("webkitTransitionEnd", myScript); // Code for Safari 3.1 to 6.0
object.addEventListener("transitionend", myScript); // Standard syntax
Let wel: Die addEventListener() metode word nie in Internet Explorer 8 en vroeër weergawes ondersteun nie.
Tegniese besonderhede
borrels: | Ja |
---|---|
Kanselleerbaar: | Ja |
Soort gebeurtenis: | Oorgangsgebeurtenis |
DOM weergawe: | Vlak 3-geleenthede |
Verwante bladsye
CSS-tutoriaal: CSS3-oorgange
CSS Verwysing: CSS3 oorgang Eiendom
CSS-verwysing: CSS3-oorgang-eiendom eiendom