حدث الانتقال
مثال
افعل شيئًا باستخدام عنصر <div> عند انتهاء انتقال CSS:
// Code for Safari 3.1 to 6.0
document.getElementById("myDIV").addEventListener("webkitTransitionEnd", myFunction);
// Standard syntax
document.getElementById("myDIV").addEventListener("transitionend", myFunction);
التعريف والاستخدام
يقع حدث الانتقال عند اكتمال انتقال CSS.
ملاحظة: إذا تمت إزالة الانتقال قبل الإكمال ، على سبيل المثال ، إذا تمت إزالة خاصية نقل CSS ، فلن يتم تنشيط حدث النقل.
لمزيد من المعلومات حول انتقالات CSS ، راجع البرنامج التعليمي الخاص بنا حول انتقالات CSS3 .
دعم المتصفح
تحدد الأرقام الواردة في الجدول إصدار المتصفح الأول الذي يدعم الحدث بشكل كامل.
تحدد الأرقام المتبوعة بـ "webkit" أو "moz" أو "o" الإصدار الأول الذي يعمل مع بادئة.
Event | |||||
---|---|---|---|---|---|
transitionend | 26.0 4.0 (webkitTransitionEnd) |
10.0 | 16.0 4.0 (mozTransitionEnd) |
6.1 3.1 (webkitTransitionEnd) |
12.1 10.5 (oTransitionEnd) |
بناء الجملة
object.addEventListener("webkitTransitionEnd", myScript); // Code for Safari 3.1 to 6.0
object.addEventListener("transitionend", myScript); // Standard syntax
ملاحظة: طريقة addEventListener () غير مدعومة في Internet Explorer 8 والإصدارات السابقة.
تفاصيل تقنية
فقاعات: | نعم |
---|---|
قابل للإلغاء: | نعم |
نوع الحدث: | حدث انتقالي |
إصدار DOM: | أحداث المستوى 3 |
الصفحات ذات الصلة
دروس CSS: انتقالات CSS3
مرجع CSS: خاصية انتقال CSS3
مرجع CSS: خاصية انتقال CSS3