acara animationend
contoh
Setelah CSS animasi elemen ditambahkan ke akhir <div> mendengarkan acara:
var x = document.getElementById ( "myDiv");
// Chrome, Safari dan Opera Kode
x.addEventListener ( "webkitAnimationEnd", myStartFunction);
// Standard sintaks
x.addEventListener ( "animationend", myStartFunction);
// Chrome, Safari dan Opera Kode
x.addEventListener ( "webkitAnimationEnd", myStartFunction);
// Standard sintaks
x.addEventListener ( "animationend", myStartFunction);
Coba »
Definisi dan Penggunaan
Acara animationend dipicu setelah CSS animasi selesai.
Tentang CSS animasi, lihat CSS3 animasi bagian.
CSS animasi memainkan, tiga peristiwa berikut terjadi:
- animationstart - setelah dimulainya pemicu CSS animasi
- animationiteration - ulangi CSS animasi dipicu
- animationend - CSS dipicu setelah selesai
Dukungan Browser
Angka dalam tabel tersebut merupakan browser pertama yang mendukung versi kejadian.
"WebKit" atau "moz" setelah sejumlah nomor awalan ditentukan sebagai versi pertama yang mendukung acara tersebut.
peristiwa | |||||
---|---|---|---|---|---|
animationend | 4.0 webkit | 10,0 | 16.0 5.0 moz | 4.0 webkit | 15,0 webkit 12.1 |
Catatan: Chrome, Safari dan Opera browser webkitAnimationEnd awalan.
tatabahasa
object.addEventListener ( "webkitAnimationEnd", myScript) ; // Chrome, Safari dan Opera
objek .addEventListener ( "animationend", myScript ); // sintaks standar
objek .addEventListener ( "animationend", myScript ); // sintaks standar
Catatan: Internet Explorer 8 dan versi sebelumnya dari IE tidak mendukung () addEventListener metode.
rincian teknis
Apakah akan mendukung gelembung: | ya |
---|---|
Hal ini dapat dibatalkan: | tidak |
Jenis acara: | AnimationEvent |
Pages terkait
CSS tutorial: CSS3 Animasi
CSS Referensi: properti CSS3 animasi
HTML DOM Referensi: sifat Style animasi
benda acara