Peristiwa animationend

Peristiwa DOM AnimationEvent

Definisi dan Penggunaan

Peristiwa animationend terjadi saat animasi CSS selesai.

Untuk mendapatkan pengetahuan lebih banyak tentang animasi CSS, belajar di kursus kami Tutori pelengkap CSS3 Anima。

Ketika animasi CSS bermain, tiga peristiwa dapat terjadi：

Contoh

Ketika animasi CSS selesai, lakukan sesuatu untuk elemen <div> ini：

var x = document.getElementById("myDIV");
// Kode khusus Chrome、Safari serta Opera
x.addEventListener("webkitAnimationEnd", myEndFunction);
// Bentuk Standar
x.addEventListener("animationend", myEndFunction);

Coba Sendiri

Bentuk

object.addEventListener("webkitAnimationEnd", myScript);  // Kode khusus Chrome、Safari serta Opera
object.addEventListener("animationend", myScript);        // Bentuk Standar

Komentar：Internet Explorer 8 atau versi yang lebih awal tidak mendukung Metode addEventListener()。

Detil Teknik

Bubbling： Dukung
Boleh Dibatalkan： Tidak Dukung
Tipe Peristiwa： AnimationEvent
Versi DOM： Level 3 Events

Dukungan Browser

Angka dalam tabel menunjukkan versi pertama browser yang mendukung peristiwa ini sepenuhnya.

Angka setelah "webkit" atau "moz" menunjukkan versi pertama yang digunakan prefix.

Peristiwa Chrome IE Firefox Safari Opera
animationend 4.0 webkit 10.0 16.0
5.0 moz		 4.0 webkit 15.0 webkit
12.1

Komentar：Untuk Chrome、Safari serta Opera，枪使 webkitAnimationEnd。

相关页面

CSS 教程：Animasi CSS3

Panduan Referensi CSS：Sifat animation CSS3

Panduan Referensi DOM HTML：Sifat animation Style

Peristiwa DOM AnimationEvent