transitionend Veranstaltung
Beispiele
Ändern <div> CSS nach dem Abschluss der Übergangselemente und Textstile:
. AddEventListener ( "webkitTransitionEnd", myFunction) document.getElementById ( "myDiv");
// Standard-Syntax
. AddEventListener ( "transitionend", myFunction) document.getElementById ( "myDiv");
Versuchen »
Definition und Verwendung
transitionend Ereignis wird nach dem CSS ausgelöst, den Übergang zu vollenden.
Hinweis: Wenn der Übergang vor der Fertigstellung entfernt wird, zum Beispiel die CSS Transition-Property - Attribut entfernt wird, wird das Übergangsereignis nicht ausgelöst werden.
Mehr über CSS - Übergänge finden Sie in unseren CSS3 Übergänge .
Browser-Unterstützung
Die Zahlen in der Tabelle stellen die erste Browser, um diese Version der Ereignisse zu unterstützen.
"Webkit" oder "moz" oder "o" zur Unterstützung der angegebenen Nummer als Präfix die erste Version des Ereignisses.
| Ereignis | |||||
|---|---|---|---|---|---|
| transitionend | 26.0 4,0 bis webkitTransitionEnd | 10.0 | 16.0 4,0 bis mozTransitionEnd | 6.1 3.1 webkitTransitionEnd | 12.1 10,5 bis oTransitionEnd |
Hinweis: Safari 3.1 Dao Version 6.0 unterstützt die Veranstaltung, Verwendung webkitTransitionEnd Präfix.
Grammatik
Objekt .addEventListener ( "transitionend", myScript ); // Standard - Syntax
Hinweis: Internet Explorer 8 und frühere Versionen von IE nicht unterstützen addEventListener () Methode.
Technische Details
| Ob die Blase zu unterstützen: | ja |
|---|---|
| Es kann abgebrochen werden: | ja |
| Ereignistyp: | TransitionEvent |
Verwandte Seiten
CSS Tutorial: CSS3 Übergang
CSS Referenz: CSS3 Übergang Eigenschaft
CSS Referenz: CSS3 Transition Properties-Eigenschaft
Ereignisobjekte