Przykład
Zrób coś z <div> elementu, gdy przejście CSS zakończył:
// Code for Safari 3.1 to 6.0
document.getElementById("myDIV").addEventListener("webkitTransitionEnd",
myFunction);
// Standard syntax
document.getElementById("myDIV").addEventListener("transitionend",
myFunction); Spróbuj sam " Definicja i Wykorzystanie
Impreza transitionend występuje wtedy, gdy przejście CSS została zakończona.
Uwaga: Jeśli przejście zostanie usunięty przed zakończeniem, np jeśli CSS przejście-własność nieruchomość jest usunięta, zdarzenie transitionend nie zadziała.
Aby uzyskać więcej informacji na temat CSS Transitions, zobacz nasz tutorial CSS3 Transitions .
Pomoc Browser
Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje zdarzenie.
Liczby a następnie "WebKit", "Moz" lub "o" określ pierwszą wersję, która pracowała z prefiksem.
| Zdarzenie | |||||
|---|---|---|---|---|---|
| transitionend | 26,0 4,0 (webkitTransitionEnd) | 10,0 | 16,0 4,0 (mozTransitionEnd) | 6,1 3.1 (webkitTransitionEnd) | 12,1 10,5 (oTransitionEnd) |
Składnia
object.addEventListener("webkitTransitionEnd", myScript );
// Code for Safari 3.1 to 6.0
object .addEventListener("transitionend", myScript );
// Standard syntax
Uwaga: addEventListener () metoda ta nie jest obsługiwana w programie Internet Explorer 8 i wcześniejszych wersjach.
Szczegóły techniczne
| bubbles: | tak |
|---|---|
| opłata: | tak |
| Typ wydarzenia: | TransitionEvent |
| DOM wersja: | Level 3 Events |
Podobne strony
CSS: CSS3 Transitions
CSS: CSS3 przejściowego Nieruchomość
Obiekt zdarzenia