animationstart-Ereignis
Definition und Verwendung
Das Ereignis animationstart tritt auf, wenn die CSS-Animation beginnt, wiedergegeben zu werden.
Für mehr Informationen über CSS-Animationen lernen Sie unsere CSS3 Animation Tutorial.
Wenn die CSS-Animation abgespielt wird, können drei Ereignisse auftreten:
- animationstart - Wird ausgelöst, wenn die CSS-Animation beginnt
- animationiteration - Wird ausgelöst, wenn die CSS-Animation wiederholt wird
- animationend - Wird ausgelöst, wenn die CSS-Animation abgeschlossen ist
Beispiel
Wenn die CSS-Animation beginnt, etwas mit dem <div>-Element tun:
var x = document.getElementById("myDIV");
// Code für Chrome, Safari und Opera
x.addEventListener("webkitAnimationStart", myStartFunction);
// Standard-Syntax
x.addEventListener("animationstart", myStartFunction);
Syntax
object.addEventListener("webkitAnimationStart", myScript); // Code für Chrome, Safari und Opera
object.addEventListener("animationstart", myScript); // Standard-Syntax
Anmerkung:Internet Explorer 8 und frühere Versionen unterstützen dies nicht Methoden addEventListener().
Technische Details
| Blasen: | Unterstützt |
|---|---|
| Abbrechbar: | Nicht unterstützt |
| Ereignis-Typ: | AnimationEvent |
| DOM-Version: | Level 3 Ereignisse |
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browser-Version an, die das Ereignis vollständig unterstützt.
Die Zeichenfolge "webkit" oder "moz" hinter der Zahl gibt die erste Version an, die den Präfix verwendet.
| Ereignis | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| animationstart | 4.0 webkit | 10.0 | 16.0 5.0 moz |
4.0 webkit | 15.0 webkit 12.1 |
Anmerkung:Für Chrome, Safari und Opera verwenden Sie webkitAnimationEnd.
Verwandte Seiten
CSS教程：CSS3-Animation
CSS Referenzhandbuch:CSS3 animation-Attribut
HTML DOM Referenzhandbuch:Style animation-Attribut
