এইচটিএমএল সিএসএস জাভাস্ক্রিপ্ট পিএইচপি এসকিউএল জেকুয়েরি বুটস্ট্রাপ সি প্রোগ্রামিং
ফোরাম
 

এইচটিএমএল ইভেন্ট এট্রিবিউট


গ্লোবাল ইভেন্ট এট্রিবিউট

এইচটিএমএল ইভেন্টের মাধ্যমে জাভাস্ক্রিপ্টের কোড স্বয়ংক্রিয়ভাবে নিজের কার্য সম্পাদন করার ক্ষমতা রাখে এবং এই ইভেন্ট গুলো এইচটিএমএল(৪)-এ যুক্ত করা হয়েছে। প্রোগ্রামিং ইভেন্ট সম্পর্কে বিস্তারিত জানতে আমাদের জাভাস্ক্রিপ্ট টিউটোরিয়াল পেজটি ভিজিট করুন।


উইন্ডো ইভেন্ট এট্রিবিউট

(<body> ট্যাগে নিম্নের ইভেন্ট সমূহ ব্যবহার করা হয়ে থাকেঃ

এট্রিবিউট ভ্যালু বর্ণনা
onafterprint script ডকুমেন্টটি প্রিন্ট করার পর স্ক্রিপ্টটি কাজ করে।
onbeforeprint script ডকুমেন্টটি প্রিন্ট করার পূর্বে স্ক্রিপ্টটি কাজ করে।
onbeforeunload script ডকুমেন্টটি ত্যাগ করার পূর্বে স্ক্রিপ্টটি কাজ করে।
onerror script কোনো ত্রুটি দেখা দিলে স্ক্রিপ্টটি কাজ করে।
onhashchange script URL পরিবর্তন করলে স্ক্রিপ্টটি কাজ করে।
onload script পেজ লোড সম্পূর্ণ হলে স্ক্রিপ্টটি কাজ করে।
onmessage script কোনো মেসেজ আসলে স্ক্রিপ্টটি কাজ করে।
onoffline script ব্রাউজার অফলাইন হলে স্ক্রিপ্টটি কাজ করা শুরু করে।
ononline script ব্রাউজার অনলাইন হলে স্ক্রিপ্টটি কাজ করা শুরু করে।
onpagehide script যখন ব্যবহারকারী এক পেজ থেকে অন্য পেজে যায় তখন স্ক্রিপ্টটি কাজ করে।
onpageshow script ব্যবহারকারী কোনো পেজে আসলে স্ক্রিপ্টটি কাজ করে।
onpopstate script ব্রাউজারের উইন্ডোর হিস্টোরি(History) পরিবর্তন হলে স্ক্রিপ্টটি কাজ করে।
onresize script ব্রাউজারের উইন্ডোর আকার পরিবর্তন হলে স্ক্রিপ্টটি কাজ করে।
onstorage script ওয়েব স্টোরেজ এরিয়া হালনাগাদ(update) হলে স্ক্রিপ্টটি কাজ করে।
onunload script পেজ পুনরায় লোড অথবা উইন্ডো বন্ধ হলে স্ক্রিপ্টটি কাজ করে।

ফর্ম ইভেন্ট

এইচটিএমএল ফরম সাবমিট করা হলে নিম্নের ইভেন্ট সমুহ কাজ করবে। এগুলো সকল এলিমেন্টেই কাজ করে, কিন্তু ফরম এলিমেন্টে এদের সবচেয়ে বেশি ব্যবহার করা হয়ঃ

এট্রিবিউট ভ্যালু বর্ণনা
onblur script ব্যবহারকারীর এলিমেন্ট থেকে ফোকাস সরে গেলে স্ক্রিপ্টটি কাজ করে।
onchange script ব্যবহারকারী এলিমেন্টের ভ্যালু পরিবর্তন করলে স্ক্রিপ্টটি কাজ করে।
oncontextmenu script ব্যবহারকারী contextmenu ক্লিক করলে স্ক্রিপ্টটি কাজ করে।
onfocus script ব্যবহারকারী এলিমেন্টে ফোকাস করলে স্ক্রিপ্টটি কাজ করে।
oninput script ব্যবহারকারী এলিমেন্টে ইনপুট দেওয়া শুরু করলে স্ক্রিপ্টটি কাজ করে।
oninvalid script ইনপুট এলিমেণ্টের ভ্যালু অবৈধ হলে স্ক্রিপ্টটি কাজ করে।
onreset script ফরমের রিসেট বাটনে ক্লিক করলে স্ক্রিপ্টটি কাজ করে।
onsearch script ব্যবহারকারী সার্চ ফিল্ডে কিছু লিখে এন্টার প্রেস করলে স্ক্রিপ্টটি কাজ করে।
onselect script ব্যবহারকারী এলিমেন্টে কিছু লেখা সিলেক্ট করলেই স্ক্রিপ্টটি কাজ করে।
onsubmit script ফরম সাবমিট হলে স্ক্রিপ্টটি কাজ করে।

কীবোর্ড ইভেন্ট

এট্রিবিউট ভ্যালু বর্ণনা
onkeydown script ব্যবহারকারী কীবোর্ডের একটি কী(key) চেপে রাখলে স্ক্রিপ্টটি কাজ করে।
onkeypress script ব্যবহারকারী কীবোর্ডের একটি কী(key) চাপলে স্ক্রিপ্টটি কাজ করে।
onkeyup script ব্যবহারকারী কীবোর্ডের একটি কী(key) চাপ দেওয়া ছেড়ে দিলে স্ক্রিপ্টটি কাজ করে।

মাউস ইভেন্ট

এট্রিবিউট ভ্যালু বর্ণনা
onclick script এলিমেন্টে ক্লিক করলে স্ক্রিপ্টটি কাজ করে।
ondblclick script এলিমেন্টে একত্রে দুইবার ক্লিক করলে স্ক্রিপ্টটি কাজ করে।
ondrag script এলিমেন্টকে ড্রাগ(drag) করা হলে স্ক্রিপ্টটি কাজ করে।
ondragend script এলিমেন্টকে ড্রাগ(drag) করা সম্পূর্ণ হলে স্ক্রিপ্টটি কাজ করবে।
ondragenter script এলিমেন্টকে ড্রাগ(drag) করে একটি নির্দিষ্ট টার্গেটে ড্রপ(drop) করলে স্ক্রিপ্টটি কাজ করে।
ondragleave script এলিমেন্টকে বৈধ লক্ষ্যে ড্রপ(drop) করলে স্ক্রিপ্টটি কাজ করে।
ondragover script এলিমেন্টকে ড্রাগ(drag) করে বৈধ লক্ষ্যে ড্রপ(drop) করলে স্ক্রিপ্টটি কাজ করে।
ondragstart script এলিমেন্টকে ড্রাগ(drag) করা শুরু করলে স্ক্রিপ্টটি কাজ করে।
ondrop script এলিমেন্টকে ড্রাগ(drag) করার পর ড্রপ(drop) করলে স্ক্রিপ্টটি কাজ করে।
onmousedown script মাউস বাটনে ক্লিক অবস্থায় স্ক্রিপ্টটি কাজ করে।
onmousemove script এলিমেন্টের উপর মাউস পয়েন্টারটি চলন্ত অবস্থায় থাকলে স্ক্রিপ্টটি কাজ করে।
onmouseout script এলিমেন্টের উপর থেকে মাউস পয়েন্টারটি সরিয়ে নিলে স্ক্রিপ্টটি কাজ করে।
onmouseover script এলিমেন্টের উপর মাউস পয়েন্টারটি নিলে স্ক্রিপ্টটি কাজ করে।
onmouseup script এলিমেন্টের উপর মাউসের বাটন ক্লিক করলে স্ক্রিপ্টটি কাজ করে।
onscroll script এলিমেন্টের স্ক্রলবার স্ক্রল(scroll) করলে স্ক্রিপ্টটি কাজ করে।
onwheel script এলিমেন্টের উপর মাউসের স্ক্রল বাটনটি উপর-নিচে ঘুরালে স্ক্রিপ্টটি কাজ করে।

ক্লিপবোর্ড ইভেন্ট

এট্রিবিউট ভ্যালু বর্ণনা
oncopy script
ব্যবহারকারী এলিমেন্টের কন্টেন্টকে কপি(Copy) করলে স্ক্রিপ্টটি কাজ করে। oncut script ব্যবহারকারী এলিমেন্টের কন্টেন্টকে কাট(Cut) করলে স্ক্রিপ্টটি কাজ করে।
onpaste script ব্যবহারকারী এলিমেন্টের কন্টেন্টকে পেস্ট(paste) করলে স্ক্রিপ্টটি কাজ করে।

মিডিয়া ইভেন্ট

এট্রিবিউট ভ্যালু বর্ণনা
onabort script মিডিয়া ফাইল বন্ধ করলে স্ক্রিপ্টটি কাজ করে।
oncanplay script কোনো মিডিয়া ফাইল চালু করার জন্য প্রস্তুত হলে স্ক্রিপ্টটি কাজ করে।
oncanplaythrough script কোন ধরনের বাফারিং অথবা বাধা ব্যাতিত মিডিয়া ফাইলটি চলা শেষ করলে স্ক্রিপ্টটি কাজ করে।
oncuechange script মিডিয়ার <track> এলিমেন্টের সূত্র(formula) পরিবর্তন হলে স্ক্রিপ্টটি কাজ করে।
ondurationchange script মিডিয়ার স্থায়ীত্ব পরিবর্তন হলে স্ক্রিপ্টটি কাজ করে।
onemptied script অপ্রত্যাশিতভাবে সংযোগ বিচ্ছিন্নের করনে হঠাৎ করে ফাইলটি পাওয়া না গেলে স্ক্রিপ্টটি কাজ করে।
onended script যখন মিডিয়াটি চলতে চলতে এর শেষ পর্যায়ে চলে আসে তখন স্ক্রিপ্টটি কাজ করে। সাধারনত মিডিয়া ফাইলের শেষে কোনো বার্তা দেওয়ার জন্য এই ইভেন্টটি খুবই গুরুত্বপূর্ণ।
onerror script ফাইল লোড হওয়ার সময় কোনো ত্রুটি ঘটলে স্ক্রিপ্টটি কাজ করে।
onloadeddata script মিডিয়ার তথ্য লোড সম্পূর্ণ হলে স্ক্রিপ্টটি কাজ করে।
onloadedmetadata script মাত্রা এবং সময়কালের মত মেটা(meta) ডাটা লোড সম্পূর্ণ হলে স্ক্রিপ্টটি কাজ করে।
onloadstart script কোন কিছু লোড হওয়ার পূর্বে ফাইল লোড হওয়া শুরু করলে স্ক্রিপ্টটি কাজ করে।
onpause script মিডীয়াটি ব্যবহারকারী অথবা স্বয়ংক্রিয়ভাবে থামলে(pause) স্ক্রিপ্টটি কাজ করে।
onplay script মিডিয়াটি প্লে করার জন্য প্রস্তুত হলে স্ক্রিপ্টটি কাজ করে।
onplaying script মিডিয়াটি প্লে হলে স্ক্রিপ্টটি কাজ করে।
onprogress script ব্রাউজার মিডিয়ার তথ্য পাওয়ার প্রক্রিয়াধীন অবস্থায় স্ক্রিপ্টটি কাজ করে।
onratechange script প্রতিবার মিডিয়ার চলার গতি পরিবর্তন করলে স্ক্রিপ্টটি কাজ করে।
onseeked script মিডিয়া ফাইলটির চলার অবস্থান পরিবর্তন সম্পন্ন হলে স্ক্রিপ্টটি কাজ করে।
onseeking script মিডিয়া ফাইলটির চলার অবস্থান পরিবর্তন শুরু করলে স্ক্রিপ্টটি কাজ করে।
onstalled script কোনো কারণে ব্রাউজার মিডিয়া ফাইলটির তথ্য অক্ষম হলে স্ক্রিপ্টটি কাজ করে।
onsuspend script মিডিয়াটি সম্পূর্ণ লোড হওয়ার পূর্বে লোডিং কোনো কারনে ব্যার্থ হলে স্ক্রিপ্টটি কাজ করে।
ontimeupdate script ব্যবহারকারী মিডিয়ার চলার অবস্থান পরিবর্তন করলে স্ক্রিপ্টটি কাজ করে।
onvolumechange script ব্যবহারকারী মিডিয়ার ভলিয়ম(volume) পরিবর্তন করলে স্ক্রিপ্টটি কাজ করে।
onwaiting script মিডিয়াটি লোডিং-এর জন্য থামলে(pauses) স্ক্রিপ্টটি কাজ করে।

পরামর্শঃ মিডিয়া ইভেন্ট সম্পর্কে আরো জানতে আমাদের এইচটিএমএল অডিও এবং ভিডিও ডোম রেফারেন্স দেখুন।


বিবিধ ইভেন্ট

এট্রিবিউট ভ্যালু বর্ণনা
onerror script বাহিরের কোন ফাইল লোড করার সময় ত্রুটি ঘটলে স্ক্রিপ্টটি কাজ করে।
onshow script কোনো menu এলিমেন্ট contextmenu হিসেবে দেখানো হলে স্ক্রিপ্টটি কাজ করে।
ontoggle script ব্যবহারকারী <details> এলিমেন্টকে চালু অথবা বন্ধ করলে স্ক্রিপ্টটি কাজ করে।