animationstart Veranstaltung
Beispiele
Wenn CSS-Animation beginnt mit der Wiedergabe hinzufügen, um <div> Element für Veranstaltungen hört:
// Chrome, Safari und Opera Codes
x.addEventListener ( "webkitAnimationStart", myStartFunction);
// Standard-Syntax
x.addEventListener ( "animationstart", myStartFunction);
Versuchen »
Definition und Verwendung
animationstart Ereignis ausgelöst, wenn die CSS-Animation beginnt zu spielen.
Mehr über CSS - Animation finden Sie in unserer CSS3 Animation Abschnitt.
CSS-Animation spielt, werden die folgenden drei Ereignisse auftreten:
- animationstart - CSS-Animation nach dem Start-Trigger
- animationiteration - die CSS - Animationen ausgelöst wiederholen
- die animationEnd - nach Abschluss Auslöser der CSS
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 | |||||
|---|---|---|---|---|---|
| animationstart | 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 ( "animationstart", 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