AnimationEvent คุณสมบัติ animationName

DOM หาเหตุการณ์ AnimationEvent

การประกาศและการใช้งาน

เมื่อเกิดเหตุการณ์แอนิเมชัน คุณสมบัติ animationName จะส่งออกชื่อแอนิเมชัน

ชื่อแอนิเมชันเป็นคุณสมบัติ CSS animation-name ของค่า

คุณสมบัตินี้เป็นค่าแบบเพียงอ่าน

ตัวอย่าง

ได้รับชื่อแอนิเมชันที่เชื่อมโยงกับแอนิเมชัน

var x = document.getElementById("myDIV");
x.addEventListener("animationstart", myStartFunction);
function myStartFunction(event) {
  this.innerHTML = "Animation-name is: " + event.animationName;
}

ลองทดลองด้วยตัวเอง

การใช้งาน

event.animationName

รายละเอียดเทคนิค

ค่าที่ส่งออกมา： ค่าข้อความแบบตัวอย่าง ที่แสดงชื่อของแอนิเมชัน

การสนับสนุนของเบราเซอร์

ตัวเลขในตารางบอกว่าอัตรายอดแรกที่เซิร์ฟเวอร์สนับสนุนคุณสมบัตินี้

คุณสมบัติ Chrome IE Firefox Safari Opera
animationName สนับสนุน 10.0 6.0 สนับสนุน สนับสนุน

หน้าที่เกี่ยวข้อง

HTML DOM อนุมานคู่มือ：เหตุการณ์ animationstart

HTML DOM อนุมานคู่มือ：เหตุการณ์ animationiteration

HTML DOM อนุมานคู่มือ：เหตุการณ์ animationend

HTML DOM อนุมานคู่มือ：AnimationEvent คุณสมบัติ elapsedTime

CSS อนุมานคู่มือ：CSS3 animation คุณสมบัติ

CSS อนุมานคู่มือ：CSS3 animation-name คุณสมบัติ

DOM หาเหตุการณ์ AnimationEvent