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