évènement animationstart

Exemples

Lorsque l'animation CSS commence à jouer Ajouter comme élément <div> écoute les événements:

var x = document.getElementById ( "myDiv");

// Codes Chrome, Safari et Opera
x.addEventListener ( «webkitAnimationStart», myStartFunction);

// Syntaxe standard
x.addEventListener ( «animationstart», myStartFunction);

Essayez »

Définition et utilisation

événement animationstart déclenché lorsque l'animation CSS commence à jouer.

En savoir plus sur l' animation CSS, s'il vous plaît voir notre animation CSS3 section.

animation CSS joue, les trois événements suivants se produisent:

animation CSS après le déclenchement de démarrage - de animationstart
animationiteration - la répétition des animations CSS déclenché
le animationEnd - après la fin de déclenchement du CSS

support du navigateur

Les chiffres du tableau représentent le premier navigateur pour soutenir cette version des faits.

"Webkit" ou "moz" après un nombre préfixe spécifié comme la première version pour soutenir l'événement.

événement
animationstart	4.0 webkit	10.0	16,0 5.0 moz	4.0 webkit	15,0 webkit 12.1

Remarque: Chrome, Safari et Opera webkitAnimationEnd préfixe.

grammaire

object.addEventListener ( "webkitAnimationStart", myScript) ; // code pour Chrome, Safari et Opera
objet .addEventListener ( "animationstart", myScript ); // syntaxe standard

Remarque: Internet Explorer 8 et les versions antérieures de IE ne supporte pas les addEventListener () méthode.

détails techniques