ویژگی animationName رویداد AnimationEvent

رویداد DOM AnimationEvent

تعریف و استفاده

وقتی رویداد انیمیشن رخ می‌دهد، ویژگی animationName نام انیمیشن را بازمی‌گرداند.

نام انیمیشن یک ویژگی CSS است animation-name مقدار.

این ویژگی فقط خواندنی است.

مثال

به نام انیمیشن مرتبط به آن اشاره کنید:

var x = document.getElementById("myDIV");
x.addEventListener("animationstart", myStartFunction);
function myStartFunction(event) {
  this.innerHTML = "نام انیمیشن: " + event.animationName;
}

آزمایش کنید

نحوه استفاده

رویداد.animationName

جزئیات فنی

مقدار بازگشتی: مقدار رشته‌ای که نام انیمیشن را نشان می‌دهد.

پشتیبانی مرورگر

اعداد در جدول نشان‌دهنده نسخه اولین مرورگر هستند که ویژگی مربوطه را کامل پشتیبانی می‌کند.

ویژگی کروم آئی‌ای فایرفاکس سافاری آپرا
animationName پشتیبانی 10.0 6.0 پشتیبانی پشتیبانی

صفحات مرتبط

HTML DOM مرجع کتاب:رویداد animationstart

HTML DOM مرجع کتاب:رویداد animationiteration

HTML DOM مرجع کتاب:رویداد animationend

HTML DOM مرجع کتاب:ویژگی elapsedTime AnimationEvent

CSS مرجع کتاب:ویژگی animation CSS3

CSS مرجع کتاب:ویژگی animation-name CSS3

رویداد DOM AnimationEvent