Επιλογές

DOM γεγονότα TransitionEvent

Προτεινόμενες σελίδες

Συμβάν transitionend

myScriptΔημιουργία και χρήση transitionend συμβάντα λαμβάνονται όταν ο CSS μετασχηματισμός ολοκληρωθεί. Αν η μετατροπή αφαιρεθεί πριν ολοκληρωθεί, π.χ. αν αφαιρεθεί το CSS

transition-property Ατρύπες, δεν θα προκαλέσει το συμβάν transitionend.O Internet Explorer 8 και παλιότερες εκδόσεις δεν υποστηρίζουν

Για περισσότερες πληροφορίες σχετικά με τις μετατοπιές του CSS, παρακολουθήστε τα

Εκμάθηση Μετατοπιών CSS3

Παράδειγμα
Προσπαθήστε να κάνετε κάτι στο στοιχείο <div> όταν ο CSS transition ολοκληρωθεί:
// Κώδικας για Safari 3.1 έως 6.0
document.getElementById("myDIV").addEventListener("webkitTransitionEnd", myFunction);

// Γραμματική πρότυπο

document.getElementById("myDIV").addEventListener("transitionend", myFunction);

.addEventListener("webkitTransitionEnd",Προσπάθησε να το δοκιμάσεις objectΓραμματική
.addEventListener("webkitTransitionEnd",);  // Κώδικας για Safari 3.1 έως 6.0 object.addEventListener("transitionend",

myScript); // Γραμματική πρότυπο Σημειώσεις:O Internet Explorer 8 και παλιότερες εκδόσεις δεν υποστηρίζουν

Μέθοδος addEventListener()

. Κατάργηση:
Παραπέρα λεπτομέρειες τεχνολογίας: Κατάργηση:
Υποστήριξη: TransitionEvent
Τύπος συμβάντος: Έκδοση DOM:

Τρίτος επίπεδος συμβάντων

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

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

Αναφορές Chrome IE Firefox Safari Opera
transitionend 26.0
4.0 (webkit)		 10.0 16.0
4.0 (moz)		 6.1
3.1 (webkit)		 12.1
10.5 (o)

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

Εκμάθηση CSS: Μετατοπιές του CSS3

Καταλόγος CSS: Ατрибούτα transition του CSS3

Περιεχόμενο CSS: ιδιότητα transition-property του CSS3

DOM γεγονότα TransitionEvent