transitionend ইভেন্ট

DOM ইভেন্ট TransitionEvent

বিবরণ ও ব্যবহার

transitionend ইভেন্ট সিএসএস ট্রানজিশন সম্পন্ন হলে ঘটে

মন্তব্য:যদি ট্রানজিশন কাজ সম্পন্ন হওয়ার আগে তুলে নেওয়া হয়, যেমন CSS transition-property প্রতিশব্দ, transitionend ইভেন্টটি সক্রিয় করবে না

CSS Transition সম্পর্কে আরও বিষয়ের জন্য, আমাদের CSS3 Transition Tutorial。

উদাহরণ

CSS ট্রানজিশন শেষ হলে, <div> ইলেকট্রনিক এলিমেন্টের জন্য কিছু করুন:

// স্যাফারি 3.1 থেকে 6.0 পর্যন্ত কোড
document.getElementById("myDIV").addEventListener("webkitTransitionEnd", myFunction);
// স্ট্যান্ডার্ড সিনট্যাক্স
document.getElementById("myDIV").addEventListener("transitionend", myFunction);

স্বয়ংক্রিয়ভাবে প্রয়াস করুন

সিনট্যাক্স

object.addEventListener("webkitTransitionEnd", myScript);  // স্যাফারি 3.1 থেকে 6.0 পর্যন্ত কোড
object.addEventListener("transitionend", myScript);        // স্ট্যান্ডার্ড সিনট্যাক্স

মন্তব্য:ইন্টারনেট এক্সপ্লোরার 8 বা তার আগের সংস্করণগুলি addEventListener() পদ্ধতিকে সমর্থন করে না addEventListener() পদ্ধতি。

টেকনিক্যাল বিবরণ

ফুসকোয়ার্ড: সমর্থন
বাতিল করা যায়: সমর্থন
ইভেন্ট ধরন: TransitionEvent
DOM সংস্করণ: স্তর 3 ইভেন্ট

ব্রাউজার সমর্থন

সারণীতে নম্বরগুলি এই ইভেন্টটি সম্পূর্ণরূপে সমর্থনকারী প্রথম ব্রাউজার সংস্করণকে উল্লেখ করে

পিছনে "webkit"、"moz" বা "o"-র সংখ্যা প্রথম সংস্করণ ব্যবহার করার জন্য নির্দিষ্ট করা হয়

ইভেন্ট চ্রোম IE ফায়ারফক্স স্যাফারি অপেরা
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