Exemplu
Fa ceva cu un <div> atunci când este vorba de tranziție CSS sa încheiat:
// Code for Safari 3.1 to 6.0
document.getElementById("myDIV").addEventListener("webkitTransitionEnd",
myFunction);
// Standard syntax
document.getElementById("myDIV").addEventListener("transitionend",
myFunction); Încearcă - l singur » Definiție și utilizare
Evenimentul transitionend are loc atunci când o tranziție CSS a finalizat.
Notă: În cazul în care tranziția este îndepărtată înainte de finalizare, de exemplu , în cazul în care CSS de tranziție-proprietate de proprietate este eliminat, evenimentul transitionend nu se va declanșa.
Pentru mai multe informații despre CSS Tranziții, consultați programul de instruire pe CSS3 Tranziții .
Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin evenimentul.
Numerele urmat de "webkit" , "moz" sau "o" specifica prima versiune care a lucrat cu un prefix.
| Eveniment | |||||
|---|---|---|---|---|---|
| transitionend | 26.0 4,0 (webkitTransitionEnd) | 10.0 | 16.0 4,0 (mozTransitionEnd) | 6.1 3.1 (webkitTransitionEnd) | 12.1 10,5 (oTransitionEnd) |
Sintaxă
object.addEventListener("webkitTransitionEnd", myScript );
// Code for Safari 3.1 to 6.0
object .addEventListener("transitionend", myScript );
// Standard syntax
Notă: addEventListener() , metoda nu este acceptată în Internet Explorer 8 și versiunile anterioare.
Detalii tehnice
| Bule: | da |
|---|---|
| anulabil: | da |
| Tip de eveniment: | TransitionEvent |
| DOM Versiune: | Nivelul 3 Evenimente |
Pagini similare
CSS Tutorial: CSS3 Treceri
CSS Referință: CSS3 transition Property de CSS3 transition Property de CSS3 transition Property
CSS Referință: CSS3 transition-property Property de CSS3 transition-property Property
<Eveniment obiect