Αθροισμα κίνησης κίνησης

Αθροισμα Ενεργειών DOM Αθροισμα Ενεργειών Κίνησης

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

Το συμβάν animationstart συμβαίνει όταν ξεκινά η αναπαραγωγή της CSS κίνησης.

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

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

Παράδειγμα

Προχωρήστε σε κάτι στο <div> στοιχείο όταν ξεκινά η CSS κίνηση:

var x = document.getElementById("myDIV");
// Κώδικας για Chrome, Safari και Opera
x.addEventListener("webkitAnimationStart", myStartFunction);
// Κριτική γραμματική
x.addEventListener("animationstart", myStartFunction);

Προσπαθήστε το προσωπικά

Γραμματική

object.addEventListener("webkitAnimationStart", myScript);  // Κώδικας για Chrome, Safari και Opera
object.addEventListener("animationstart", myScript);        // Κριτική γραμματική

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

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

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

Υποστήριξη του προγράμματος περιήγησης

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

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

Συνέδρια Chrome IE Firefox Safari Opera
animationstart 4.0 webkit 10.0 16.0
5.0 moz		 4.0 webkit 15.0 webkit
12.1

Σχόλια:Για Chrome, Safari και Opera, χρησιμοποιήστε το webkitAnimationEnd.

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

CSS Εκμάθηση:Κίνηση CSS3

CSS Εγχειρίδιο Εference:Ατύπος CSS3 animation

HTML DOM Εγχειρίδιο 参考手册：Ατύπος Style animation

Αθροισμα Ενεργειών DOM Αθροισμα Ενεργειών Κίνησης