حدث animationstart

أحداث DOM حدث AnimationEvent

التعريف والاستخدام

يحدث حدث animationstart عند بدء عرض CSS الرقص

للحصول على معرفة أكثر حول CSS الرقص، اطعمنا دليل CSS3 الرقص.

قد تحدث ثلاثة أحداث عند عرض CSS الرقص:

مثال

عند بدء CSS الرقص، قم بفعل شيء مع عنصر <div>:

var x = document.getElementById("myDIV");
// رمز مخصص لـ Chrome و Safari و Opera
x.addEventListener("webkitAnimationStart", myStartFunction);
// بناء القاعدة المعيارية
x.addEventListener("animationstart", myStartFunction);

تجربة شخصية

اللغة

object.addEventListener("webkitAnimationStart", myScript);  // رمز مخصص لـ Chrome و Safari و Opera
object.addEventListener("animationstart", myScript);        // بناء القاعدة المعيارية

التعليقات:Internet Explorer 8 أو الإصدارات الأقدم لا تدعمها طريقة addEventListener().

تفاصيل التقنية

تدفق الفقاعات: مدعوم
قابل للإلغاء: غير مدعوم
نوع الحدث: حدث AnimationEvent
إصدار DOM: المستوى 3 من الأحداث

دعم المتصفح

الرقم في الجدول يشير إلى إصدار المتصفح الأولي الذي يدعم الحدث بشكل كامل.

الـ "webkit" أو "moz" بعد الرقم يشير إلى إصدار القافلة الأولي الذي يتم استخدامه.

الحدث Chrome IE Firefox Safari Opera
animationstart 4.0 webkit 10.0 16.0
5.0 moz		 4.0 webkit 15.0 webkit
12.1

التعليقات:لـ Chrome و Safari و Opera، استخدم webkitAnimationEnd.

الصفحات ذات الصلة

دليل CSS:حركة CSS3

دليل CSS:سمة animation لـ CSS3

دليل مرجعي لـ HTML DOM:سمة animation لـ Style

أحداث DOM حدث AnimationEvent