animationend Veranstaltung
Beispiele
Nach dem CSS-Animation Element am Ende des hinzugefügt wird <div> hört für Veranstaltungen:
// Chrome, Safari und Opera Codes
x.addEventListener ( "webkitAnimationEnd", myStartFunction);
// Standard-Syntax
x.addEventListener ( "animationend", myStartFunction);
Versuchen »
Definition und Verwendung
animationend Ereignis wird ausgelöst, nachdem CSS-Animation abgeschlossen ist.
Mehr über CSS - Animation finden Sie in unserer CSS3 Animation Abschnitt.
CSS-Animation spielt, werden die folgenden drei Ereignisse auftreten:
- animationstart - nach dem Start der CSS - Animation - Trigger
- animationiteration - die CSS - Animationen ausgelöst wiederholen
- animationend - CSS ausgelöst nach Abschluss
Browser-Unterstützung
Die Zahlen in der Tabelle stellen die erste Browser, um diese Version der Ereignisse zu unterstützen.
"Webkit" oder "moz" nach einer bestimmten Anzahl Vorwahlnummer als die erste Version, die Veranstaltung zu unterstützen.
| Ereignis | |||||
|---|---|---|---|---|---|
| animationend | 4.0 webkit | 10.0 | 16.0 5,0 moz | 4.0 webkit | 15,0 webkit 12.1 |
Hinweis: Chrome, Safari und Opera - Browser webkitAnimationEnd Präfix.
Grammatik
Objekt .addEventListener ( "animationend", 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: | keine |
| Ereignistyp: | AnimationEvent |
Verwandte Seiten
CSS Tutorial: CSS3 Animationen
CSS Referenz: CSS3 Animationseigenschaften
HTML - DOM Referenz: Style - Animationseigenschaften
Ereignisobjekte