رویداد transitionend

DOM واقعات TransitionEvent

تعریف و استفاده

رویداد transitionend در زمان اتمام تبدیل CSS رخ می‌دهد.

توضیحات:اگر تبدیل قبل از اتمام حذف شود، به عنوان مثال اگر CSS transition-property ویژگی، رویداد transitionend را تحریک نخواهد کرد.

برای اطلاعات بیشتر در مورد CSS گذر، درس‌های ما را مطالعه کنید: درس CSS3 گذر.

مثال

وقتی که CSS گذر به پایان رسید، چند کار با عناصر <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);        // زبان استاندارد

توضیحات:اینترنت اکسپلورر 8 یا نسخه‌های قبلی آن از این روش پشتیبانی نمی‌کنند مетод addEventListener().

جزئیات فنی

تقاطع: پشتیبانی
قابل کنسل: پشتیبانی
نوع رویداد: TransitionEvent
نسخه DOM: سطح 3 رویدادها

پشتیبانی مرورگر

اعداد در جدول نشان‌دهنده نسخه اولیه مرورگرهایی است که از این رویداد کامل پشتیبانی می‌کنند.

اعداد بعد از "webkit"، "moz" یا "o" نشان‌دهنده نسخه اولیه استفاده از این پیشوندها است.

رویداد کروم آیی افرادا سافاری آپرا
transitionend 26.0
4.0 (webkit)		 10.0 16.0
4.0 (moz)		 6.1
3.1 (webkit)		 12.1
10.5 (o)

مرتبط صفحات

CSS درس: CSS3 گذر

CSS مرجع کتاب: CSS3 transition ویژگی

CSS مرجع کتاب: CSS3 transition-property کا حصہ

DOM واقعات TransitionEvent