transitionend الحدث

مثال

تفعل شيئا مع <div> العنصر عند الانتقال CSS قد انتهت:

// Code for Safari 3.1 to 6.0
document.getElementById("myDIV").addEventListener("webkitTransitionEnd", myFunction);

// Standard syntax
document.getElementById("myDIV").addEventListener("transitionend", myFunction);

انها محاولة لنفسك »

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

يحدث هذا الحدث transitionend عند اكتمال عملية الانتقال CSS.

ملاحظة: إذا تم إزالة انتقالية قبل الانتهاء، على سبيل المثال إذا كان CSS انتقال الملكية تتم إزالة الملكية، فإن الحدث transitionend ليس اطلاق النار.

لمزيد من المعلومات حول CSS التحولات، رؤية البرنامج التعليمي لدينا على CSS3 التحولات .

دعم المتصفح

الأرقام في الجدول تحدد أول نسخة متصفح يدعم بالكامل هذا الحدث.

أرقام تليها "بكت"، "MOZ" أو "س" تحدد النسخة الأولى التي عملت مع بادئة.

حدث
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 والإصدارات السابقة.