Attribut animationName de l'événement AnimationEvent

Événements DOM AnimationEvent

Définition et utilisation

Lorsqu'un événement d'animation se produit, l'attribut animationName retourne le nom de l'animation.

Le nom de l'animation est une propriété CSS animation-name valeur.

Cette propriété est lecture seule.

Exemple

Obtenir le nom de l'animation associée :

var x = document.getElementById("myDIV");
x.addEventListener("animationstart", myStartFunction);
function myStartFunction(event) {
  this.innerHTML = "Le nom de l'animation est : " + event.animationName;
}

Essayez-le vous-même

Syntaxe

événement.animationName

Détails techniques

Valeur retournée : Valeur de chaîne, représentant le nom de l'animation.

Support du navigateur

Les numéros dans le tableau indiquent la version du navigateur qui prend en charge pleinement cet attribut pour la première fois.

Attribut Chrome IE Firefox Safari Opera
animationName Support 10.0 6.0 Support Support

Pages associées

Guide HTML DOM :Événement animationstart

Guide HTML DOM :Événement animationiteration

Guide HTML DOM :Événement animationend

Guide HTML DOM :Attribut elapsedTime de l'événement AnimationEvent

Guide CSS :Attribut animation CSS3

Guide CSS :Attribut animation-name CSS3

Événements DOM AnimationEvent