এইচটিএমএল ইভেন্ট এট্রিবিউট - HTML Event Attribute



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

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

নিচে গ্লোবাল ইভেন্ট এট্রিবিউট গুলো দেখান হয়েছে, যেগুলো এইচটিএমএল এলিমেন্টে যোগ করা যায়।


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

এই ইভেন্ট উইন্ডো অবজেক্টের জন্য ব্যবহার করা হয়। এই এট্রিবিউট গুলো <body> ট্যাগের সাথে ব্যবহার করা হয়।

এট্রিবিউট মান বর্ণনা
onafterprint script ডকুমেন্টটি প্রিন্ট করার পর স্ক্রিপ্টটি কাজ করে।
onbeforeprint script ডকুমেন্টটি প্রিন্ট করার পূর্বে স্ক্রিপ্টটি কাজ করে।
onbeforeunload script ডকুমেন্টটি unloaded করার পূর্বে স্ক্রিপ্টটি কাজ করে।
onerror script কোনো ত্রুটি বা error দেখা দিলে স্ক্রিপ্টটি কাজ করে।
onhashchange script URL এর anchor অংশ পরিবর্তন করলে স্ক্রিপ্টটি কাজ করে।
onload script পেজ লোড সম্পূর্ণ হলে স্ক্রিপ্টটি কাজ করে।
onmessage script কোনো বার্তা বা message আসলে স্ক্রিপ্টটি কাজ করে।
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 ইনপুট এলিমেণ্টের ভ্যালু অবৈধ বা invalid হলে স্ক্রিপ্টটি কাজ করে।
onreset script ফর্মের রিসেট বাটনে ক্লিক করলে স্ক্রিপ্টটি কাজ করে।
onsearch script ব্যবহারকারী সার্চ ফিল্ডে কিছু লিখে এন্টার প্রেস করলে স্ক্রিপ্টটি কাজ করে (<input="search"> এর জন্য)
onselect script ব্যবহারকারী এলিমেন্টে কিছু লেখা সিলেক্ট করলেই স্ক্রিপ্টটি কাজ করে।
onsubmit script ফর্ম সাবমিট হলে স্ক্রিপ্টটি কাজ করে।


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

নিচের ইভেন্ট গুলো কিবোর্ড এর বিভিন্ন অ্যাকশন এ কাজ করে।

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


মাউস ইভেন্ট

নিচের ইভেন্ট গুলো মাউস এর বিভিন্ন অ্যাকশন এ কাজ করে।

এট্রিবিউট মান বর্ণনা
onclick script এলিমেন্টে ক্লিক করলে স্ক্রিপ্টটি কাজ করে।
ondblclick script এলিমেন্টে একত্রে দুইবার ক্লিক করলে স্ক্রিপ্টটি কাজ করে।
onmousedown script মাউস বাটনে ক্লিক অবস্থায় স্ক্রিপ্টটি কাজ করে।
onmousemove script কোন এলিমেন্টের উপর মাউস পয়েন্টারটি চলন্ত অবস্থায় থাকলে স্ক্রিপ্টটি কাজ করে।
onmouseout script এলিমেন্টের উপর থেকে মাউস পয়েন্টারটি সরিয়ে নিলে স্ক্রিপ্টটি কাজ করে।
onmouseover script এলিমেন্টের উপর মাউস পয়েন্টারটি নিলে স্ক্রিপ্টটি কাজ করে।
onmouseup script এলিমেন্টের উপর মাউসের বাটন ক্লিক করলে স্ক্রিপ্টটি কাজ করে।
onmousewheel script Deprecated. onwheel এর মত কাজ। এর পরিবর্তে onwheel ব্যবহার করা হয়।
onwheel script এলিমেন্টের উপর মাউসের স্ক্রল বাটনটি উপর-নিচে ঘুরালে স্ক্রিপ্টটি কাজ করে।


ড্রাগ বা drag ইভেন্ট

নিচের ইভেন্ট গুলো মাউস ড্রাগ বা drag এর বিভিন্ন অ্যাকশন এ কাজ করে।

এট্রিবিউট মান বর্ণনা
ondrag script এলিমেন্টকে ড্রাগ(drag) করা হলে স্ক্রিপ্টটি কাজ করে।
ondragend script এলিমেন্টকে ড্রাগ(drag) করা সম্পূর্ণ হলে স্ক্রিপ্টটি কাজ করবে।
ondragenter script এলিমেন্টকে ড্রাগ(drag) করে একটি নির্দিষ্ট টার্গেটে ড্রপ(drop) করলে স্ক্রিপ্টটি কাজ করে।
ondragleave script এলিমেন্টকে বৈধ লক্ষ্যে ড্রপ(drop) করলে স্ক্রিপ্টটি কাজ করে।
ondragover script এলিমেন্টকে ড্রাগ(drag) করে বৈধ লক্ষ্যে ড্রপ(drop) করলে স্ক্রিপ্টটি কাজ করে।
ondragstart script এলিমেন্টকে ড্রাগ(drag) করা শুরু করলে স্ক্রিপ্টটি কাজ করে।
ondrop script এলিমেন্টকে ড্রাগ(drag) করার পর ড্রপ(drop) করলে স্ক্রিপ্টটি কাজ করে।
onscroll script এলিমেন্টের স্ক্রলবার স্ক্রল বা scroll করলে স্ক্রিপ্টটি কাজ করে।


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

নিচের ইভেন্ট গুলো হল ক্লিপবোর্ড বা Clipboard ইভেন্ট।

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


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

সর্বাধিক বেশি ব্যবহার করা হয় <audio>, <embed>, <img>, <object>, এবং <video> এর মত মিডিয়া এলিমেণ্ট গুলো সাথেই বেসি ব্যবহার হয়। তবে অন্য HTML এলিমেণ্টের সাথেও ব্যবহার করা হয়।

এট্রিবিউট মান বর্ণনা
onabort script মিডিয়া ফাইল বন্ধ করলে স্ক্রিপ্টটি কাজ করে।
oncanplay script কোনো মিডিয়া ফাইল চালু করার জন্য প্রস্তুত হলে স্ক্রিপ্টটি কাজ করে।
oncanplaythrough script কোন ধরনের বাফারিং অথবা বাধা ব্যাতিত মিডিয়া ফাইলটি চলা শেষ করলে স্ক্রিপ্টটি কাজ করে।
oncuechange script মিডিয়ার এলিমেন্টের সূত্র(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 প্রতিবার মিডিয়ার চলার গতি বা playback rate পরিবর্তন করলে স্ক্রিপ্টটি কাজ করে। যেমন ইউজার যখন slow motion অথবা fast forward মোড এ পরিবর্তন হয়।
onseeked script মিডিয়া ফাইলটির চলার অবস্থান পরিবর্তন সম্পন্ন হলে স্ক্রিপ্টটি কাজ করে।
onseeking script মিডিয়া ফাইলটির চলার অবস্থান পরিবর্তন শুরু করলে স্ক্রিপ্টটি কাজ করে।
onstalled script কোনো কারণে ব্রাউজার মিডিয়া ফাইলটির তথ্য না পেলে স্ক্রিপ্টটি কাজ করে।
onsuspend script মিডিয়াটি সম্পূর্ণ লোড হওয়ার পূর্বে লোডিং কোনো কারনে ব্যার্থ হলে স্ক্রিপ্টটি কাজ করে।
ontimeupdate script ব্যবহারকারী মিডিয়ার চলার অবস্থান পরিবর্তন করলে স্ক্রিপ্টটি কাজ করে।
onvolumechange script ব্যবহারকারী মিডিয়ার ভলিয়ম বা volume পরিবর্তন করলে স্ক্রিপ্টটি কাজ করে। ভলিয়ম বা volume এ "mute" এর নির্ধারণ সহ।
onwaiting script মিডিয়াটি লোডিং-এর জন্য থামলে বা pauses হয় কিতু লোড হলে আবার চালু হতে পারে, এমন ক্ষেত্রে স্ক্রিপ্টটি কাজ করে।


বিবিধ ইভেন্ট

এট্রিবিউট মান বর্ণনা
ontoggle script ব্যবহারকারী <details> এলিমেন্টকে চালু অথবা বন্ধ করলে স্ক্রিপ্টটি কাজ করে।







এই ওয়েব সাইট এর সমস্ত টিউটোরিয়াল, সার্কিট ডায়াগ্রাম, উদাহরণ ইত্যাদি খুব সহজ ও সাধারণ ভাবে তৈরি করা হয়েছে। টিউটোরিয়াল, সার্কিট ডায়াগ্রাম, উদাহরণ ইত্যাদির ভুল পরিহার করার জন্য বার বার যাচাই করা হয়েছে, কিন্তু আমরা এর পূর্ণ নিশ্চয়তা ও দায়ভার বহন করি না। যখন আপনি এই সাইটটি ব্যবহার করেন, আমরা ধরে নেই যে আপনি পড়েছেন এবং সম্মত আছেন আমাদের টার্মস অফ ইউস (Terms of use) এবং প্রাইভেসি পলিসি( Privacy policy) সম্পর্কে।

Report or suggest about this page

Copyright 2016-2018 by websschool.com, All Rights Reserved.