ویژگی 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