animationstart ইভেন্ট

DOM ইভেন্ট AnimationEvent

সংজ্ঞা ও ব্যবহার

CSS অ্যানিমেশন শুরু হলে, animationstart ইভেন্ট ঘটে

CSS অ্যানিমেশন সম্পর্কে আরও অধিক জ্ঞান পাওয়ার জন্য, আমাদের CSS3 অ্যানিমেশন ট্যুটোরিয়াল。

CSS অ্যানিমেশন প্লেয়ের সময়, তিনটি ইভেন্ট ঘটতে পারে:

  • animationstart - CSS অ্যানিমেশন শুরু হলে ঘটে
  • animationiteration - CSS অ্যানিমেশন পুনরাবৃত্তি হলে ঘটে
  • animationend - CSS অ্যানিমেশন সম্পূর্ণ হলে ঘটে

উদাহরণ

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

var x = document.getElementById("myDIV");
// Chrome, Safari এবং Opera এর জন্য কোড
x.addEventListener("webkitAnimationStart", myStartFunction);
// স্ট্যান্ডার্ড সংজ্ঞা
x.addEventListener("animationstart", myStartFunction);

আপনার হাতে পরীক্ষা করুন

সংজ্ঞা

object.addEventListener("webkitAnimationStart", myScript);  // Chrome, Safari এবং Opera এর জন্য কোড
object.addEventListener("animationstart", myScript);        // স্ট্যান্ডার্ড সংজ্ঞা

মন্তব্য：Internet Explorer 8 বা আরও পুরানীর সংস্করণগুলি addEventListener() পদ্ধতিকে সমর্থন করে না addEventListener() পদ্ধতি。

প্রযুক্তিগত বিবরণ

বালকায়ন সমর্থন
বাতিল করা যেতে পারে সমর্থন না
ইভেন্ট ধরন： AnimationEvent
DOM সংস্করণ： স্তর 3 ইভেন্ট

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

সারণীতে সংখ্যা পূর্ণ সমর্থনকারী প্রথম ব্রাউজার সংস্করণকে ইন্দিকা দিয়েছে।

সংখ্যার পরের "webkit" বা "moz" প্রথম সংস্করণ ব্যবহারের জন্য ইন্দিকা দিয়েছে।

ইভেন্ট Chrome IE Firefox Safari Opera
animationstart 4.0 webkit 10.0 16.0
5.0 moz		 4.0 webkit 15.0 webkit
12.1

মন্তব্য：Chrome, Safari এবং Opera এর জন্য webkitAnimationEnd ব্যবহার করুন。

সংক্রান্ত পাতা

CSS ট্যুটোরিয়াল：CSS3 অ্যানিমেশন

CSS রেফারেন্স ম্যানুয়াল：CSS3 animation প্রতিশব্দ

HTML DOM রেফারেন্স ম্যানুয়েল:Style animation প্রতিশব্দ

DOM ইভেন্ট AnimationEvent