Αξία animationName του animationEvent

Ορισμός και χρήση

Όταν συμβαίνει το συμβάν αнимации, η ιδιότητα animationName επιστρέφει το όνομα της αнимации.

Το όνομα της αнимации είναι αξία CSS. animation-name Η τιμή της.

Η ιδιότητα αυτή είναι ανάγνωστη.

Παράδειγμα

Ανάκτηση του ονόματος της αнимации που σχετίζεται με την αнимация:

var x = document.getElementById("myDIV");
x.addEventListener("animationstart", myStartFunction);
function myStartFunction(event) {
  this.innerHTML = "Το όνομα της αнимации είναι: " + event.animationName;
}

Προσπάθησε να το δοκιμάσεις προσωπικά

Γλώσσα γραφής

event.animationName

Τεχνικές λεπτομέρειες

Αποτελεσματική τιμή: Ακολουθία χαρακτήρων που εκφράζει το όνομα της αнимации.

Υποστήριξη του περιηγητή

Ο αριθμός στην τάβλη αναφέρει την πρώτη έκδοση του περιηγητή που υποστηρίζει πλήρως την αξία αυτής της ιδιότητας.

Αξία Chrome IE Firefox Safari Opera
animationName Υποστήριξη 10.0 6.0 Υποστήριξη Υποστήριξη

Σχετικές Σελίδες

Εγχειρίδιο Αναφοράς HTML DOM:event animationstart

Εγχειρίδιο Αναφοράς HTML DOM:event animationiteration

Εγχειρίδιο Αναφοράς HTML DOM:event animationend

Εγχειρίδιο Αναφοράς HTML DOM:AnimationEvent elapsedTime Προσδιορισμός

CSS Εγχειρίδιο Αναφοράς:CSS3 animation Προσδιορισμός

CSS Εγχειρίδιο Αναφοράς:CSS3 animation-name Προσδιορισμός