transitionend-Ereignis
Definition und Verwendung
Das transitionend-Ereignis tritt auf, wenn die CSS-Umwandlung abgeschlossen ist.
Anmerkung:Wenn die Umwandlung vor dem Abschluss entfernt wird, z.B. wenn CSS transition-property Eigenschaften, werden das transitionend-Ereignis nicht auslösen.
Für weitere Informationen zu CSS-Übergängen, lernen Sie unsere CSS3 Übergangstutorial.
Beispiel
Fügen Sie dem <div>-Element etwas hinzu, wenn der CSS-Übergang abgeschlossen ist:
// Für Safari 3.1 bis 6.0
document.getElementById("myDIV").addEventListener("webkitTransitionEnd", myFunction);
// Standard Syntax
document.getElementById("myDIV").addEventListener("transitionend", myFunction);
Syntax
object.addEventListener("webkitTransitionEnd", myScript); // Für Safari 3.1 bis 6.0
object.addEventListener("transitionend", myScript); // Standard语法
Anmerkung:Internet Explorer 8 und frühere Versionen unterstützen dies nicht addEventListener() Methode.
Technische Details
| Blasen: | Unterstützt |
|---|---|
| Kann abgebrochen werden: | Unterstützt |
| Ereignis-Typ: | TransitionEvent |
| DOM-Version: | Level 3 Ereignisse |
Browser-Unterstützung
Die Zahlen in der Tabelle kennzeichnen die erste Browser-Version, die das Ereignis vollständig unterstützt.
Zahlen, die mit "webkit", "moz" oder "o" versehen sind, beziehen sich auf die erste Version, die diese Präfixe verwendet.
| Ereignis | 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) |
