حدث transitionend
التعريف والاستخدام
يحدث حدث transitionend عند إكمال CSS transition.
ملاحظة:إذا تم إزالة التحويل قبل إكماله، مثل إذا تم حذف CSS transition-property إذا لم يتم تحفيز حدث transitionend عند إزالة الخاصية، مثل إزالة CSS
للتعلم المزيد عن CSS transitions، يرجى تعلم دليل CSS3 transitions.
مثال
عند انتهاء CSS transitions، قم بأمر ما لـ <div> عنصر:
// للسفاري 3.1 إلى 6.0
document.getElementById("myDIV").addEventListener("webkitTransitionEnd", myFunction);
// النحو المعياري
document.getElementById("myDIV").addEventListener("transitionend", myFunction);
النحو
الهدف.addEventListener("webkitTransitionEnd", myScript); // للسفاري 3.1 إلى 6.0
الهدف.addEventListener("transitionend", myScript); // النحو المعياري
ملاحظة:Microsoft Internet Explorer 8 أو الإصدارات الأقدم لا تدعم طريقة addEventListener().
تفاصيل التقنية
| البوباب: | دعم |
|---|---|
| يمكن إلغاء الالتزام به: | دعم |
| نوع الحدث: | حدث TransitionEvent |
| إصدار DOM: | الأحداث المستوى 3 |
دعم المتصفحات
الرقم في الجدول يشير إلى إصدار المتصفح الأول الذي يدعم هذا الحدث بشكل كامل.
الرقم الذي يلي "webkit"، "moz" أو "o" يعين الإصدار الأول الذي يستخدم هذه المقدمة.
| الحدث | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| transitionend | 26.0 4.0 (webkit) |
10.0 | 16.0 4.0 (moz) |
6.1 3.1 (webkit) |
12.1 10.5 (o) |
