ویژگی animationName رویداد AnimationEvent
تعریف و استفاده
وقتی که رویداد انیمیشن رخ میدهد، ویژگی animationName نام انیمیشن را بازمیگرداند.
نام انیمیشن یک ویژگی CSS است animation-name مقدار.
این ویژگی فقط خواندنی است.
مثال
به نام انیمیشن مرتبط با انیمیشن دسترسی پیدا کنید:
var x = document.getElementById("myDIV"); x.addEventListener("animationstart", myStartFunction); function myStartFunction(event) { this.innerHTML = "نام انیمیشن: " + event.animationName;
نحوه استفاده
رویداد.animationName
جزئیات فنی
مقدار بازگشتی: | مقدار رشتهای که نام انیمیشن را نشان میدهد. |
---|
پشتیبانی مرورگر
اعداد در جدول نشاندهنده نسخه اولین مرورگر هستند که از این ویژگی کامل پشتیبانی میکند.
ویژگی | Chrome | IE | Firefox | Safari | Opera |
---|---|---|---|---|---|
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