acara animationstart
contoh
Ketika CSS animasi mulai bermain Tambahkan sebagai elemen <div> mendengarkan acara:
var x = document.getElementById ( "myDiv");
// Chrome, Safari dan Opera Kode
x.addEventListener ( "webkitAnimationStart", myStartFunction);
// Standard sintaks
x.addEventListener ( "animationstart", myStartFunction);
// Chrome, Safari dan Opera Kode
x.addEventListener ( "webkitAnimationStart", myStartFunction);
// Standard sintaks
x.addEventListener ( "animationstart", myStartFunction);
Coba »
Definisi dan Penggunaan
Acara animationstart dipicu ketika CSS animasi mulai diputar.
Tentang CSS animasi, lihat CSS3 animasi bagian.
CSS animasi memainkan, tiga peristiwa berikut terjadi:
- animationstart - CSS animasi setelah awal pemicu
- animationiteration - ulangi CSS animasi dipicu
- animationEnd yang - setelah selesai memicu CSS
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 | |||||
---|---|---|---|---|---|
animationstart | 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 ( "webkitAnimationStart", myScript) ; // Kode untuk Chrome, Safari dan Opera
objek .addEventListener ( "animationstart", myScript ); // sintaks Standard
objek .addEventListener ( "animationstart", myScript ); // sintaks Standard
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