event animationend

DOM συμβάντα AnimationEvent

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

Το συμβάν animationend συμβαίνει όταν ολοκληρώνεται η κίνηση CSS.

Για περισσότερες πληροφορίες σχετικά με τις κινήσεις CSS, μάθετε το Εκμάθηση CSS3 Κινήσεων.

Τρεις συμβάντα μπορεί να συμβούν όταν παίζει η κίνηση CSS:

Παράδειγμα

Προσπαθήστε να κάνετε κάτι όταν ολοκληρώνεται η κίνηση CSS για το στοιχείο <div>:

var x = document.getElementById("myDIV");
// Κώδικας για Chrome, Safari και Opera
x.addEventListener("webkitAnimationEnd", myEndFunction);
// Κλασική Γλώσσα
x.addEventListener("animationend", myEndFunction);

Προσπαθήστε Εγώ!

Γλώσσα

object.addEventListener("webkitAnimationEnd", myScript);  // Κώδικας για Chrome, Safari και Opera
object.addEventListener("animationend", myScript);        // Κλασική Γλώσσα

Αναγνωριστικά:Ο Internet Explorer 8 και οι προηγούμενες εκδόσεις δεν υποστηρίζουν Μέθοδος addEventListener().

Τεχνικά Στοιχεία

Παράνομη Βύθιση: Υποστηριζόμενο
Ακυρώσιμο: Μη Υποστηριζόμενο
Τύπος Ενέργειας: AnimationEvent
Έκδοση DOM: Level 3 Ενέργειες

Υποστήριξη Περιηγητών

Οι αριθμοί στην τаблицή δείχνουν την πρώτη έκδοση του περιηγητή που υποστηρίζει πλήρως το συμβάν.

Η ετικέτα "webkit" ή "moz" μετά από το αριθμό δείχνει την πρώτη έκδοση που χρησιμοποιείται για το πρόθεμα.

Αιτία Chrome IE Firefox Safari Opera
animationend 4.0 webkit 10.0 16.0
5.0 moz		 4.0 webkit 15.0 webkit
12.1

Αναγνωριστικά:Για Chrome, Safari και Opera, χρησιμοποιήστε το webkitAnimationEnd.

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

CSS Εκμάθηση:CSS3 animation

Εγχειρίδιο αναφοράς CSS:CSS3 animation ιδιότητα

HTML DOM Εγχειρίδιο αναφοράς:Style animation ιδιότητα

DOM συμβάντα AnimationEvent