HTML Event Attributes

HTML ইভেন্ট বৈশিষ্ট্য

Global Event Attributes

HTML এর ব্রাউজারে ইভেন্টগুলিকে ট্রিগার করার ক্ষমতা রয়েছে, যেমন JavaScript শুরু হয় যখন ব্যবহারকারী একটি উপাদানে ক্লিক করে।

প্রোগ্রামিং ইভেন্ট সম্পর্কে আরও জানতে, আমাদের জাভাস্ক্রিপ্ট টিউটোরিয়াল দেখুন।

নিচে গ্লোবাল ইভেন্ট অ্যাট্রিবিউট রয়েছে যা ইভেন্ট অ্যাকশন সংজ্ঞায়িত করতে HTML উপাদানে যোগ করা যেতে পারে।

Window Event Attributes

উইন্ডো অবজেক্টের জন্য ইভেন্ট (<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 উইন্ডোর ইতিহাস পরিবর্তন হলে চালানোর জন্য একটি স্ক্রিপ্ট
onresize script ব্রাউজার উইন্ডোর আকার পরিবর্তন করা হলে ট্রিগার হয়
onstorage script একটি ওয়েব স্টোরেজ এলাকা আপডেট করা হলে চালানোর জন্য একটি স্ক্রিপ্ট
onunload script একটি পৃষ্ঠা লোড হওয়ার পরে ট্রিগার করা হয় (বা ব্রাউজার উইন্ডো বন্ধ হওয়ার পরে)

Form Events

একটি HTML ফর্মের মধ্যে ক্রিয়া দ্বারা ট্রিগার হওয়া ইভেন্টগুলি (সমস্ত HTML উপাদানগুলির জন্য প্রযোজ্য, তবে সাধারণত ফর্ম উপাদানগুলিতে ব্যবহৃত হয়):

বৈশিষ্ট্য মান ব্যাখ্যা
onblur script উপাদানটি ফোকাস হারানোর মুহুর্তে ট্রিগার হয়
onchange script কম্পোনেন্টের মান পরিবর্তনের মুহূর্তে ট্রিগার করে
oncontextmenu script একটি প্রসঙ্গ মেনু ট্রিগার হলে চালানোর জন্য একটি স্ক্রিপ্ট৷
onfocus script কম্পোনেন্ট ফোকাস পাওয়ার মুহূর্তে ট্রিগার হয়
oninput script একটি কম্পোনেন্ট ব্যবহারকারীর ইনপুট গ্রহণ করার সময় একটি স্ক্রিপ্ট চালানো হবে
oninvalid script একটি কম্পোনেন্ট অবৈধ হলে চালানোর জন্য একটি স্ক্রিপ্ট৷
onreset script ফর্মের রিসেট বোতামটি ক্লিক করলে ট্রিগার হয়
onsearch script ব্যবহারকারী একটি অনুসন্ধান ক্ষেত্রে কিছু টাইপ করলে ট্রিগার হয় (<input="search"> এর জন্য)।
onselect script একটি উপাদানে কিছু পাঠ্য নির্বাচন করার পরে ট্রিগার হয়
onsubmit script ফর্ম জমা দেওয়ার সময় ট্রিগার হয়

Keyboard Events

বৈশিষ্ট্য মান ব্যাখ্যা
onkeydown script ব্যবহারকারী একটি কী চাপলে ট্রিগার হয়
onkeypress script ব্যবহারকারী একটি কী চাপলে ট্রিগার হয়
onkeyup script ব্যবহারকারী একটি কী প্রকাশ করলে ট্রিগার হয়

Mouse Events

বৈশিষ্ট্য মান ব্যাখ্যা
onclick script কম্পোনেন্টে মাউস ক্লিক করলে ট্রিগার হয়
ondblclick script মাউস কম্পোনেন্টে ডাবল ক্লিক করলে ট্রিগার হয়
onmousedown script একটি উপাদানে একটি মাউস বোতাম টিপলে ট্রিগার হয়৷
onmousemove script মাউস যখন একটি উপাদানের উপর চলে যায় তখন মাউস ট্রিগার হয়
onmouseout script মাউস ট্রিগার হয় যখন মাউস একটি উপাদান ছেড়ে যায়
onmouseover script মাউস যখন একটি উপাদানের উপর চলে যায় তখন মাউস ট্রিগার হয়
onmouseup script যখন একটি মাউস বোতাম একটি উপাদানের উপর ঘোরানো হয় তখন ট্রিগার হয়৷
onmousewheel script মেয়াদ শেষ অনহুইল অ্যাট্রিবিউট ব্যবহার করুন
onwheel script মাউস হুইল উপরে বা নিচে স্ক্রোল করলে ট্রিগার হয়

Drag Events

বৈশিষ্ট্য মান ব্যাখ্যা
ondrag script একটি কম্পোনেন্ট টেনে আনা হলে চালানোর জন্য একটি স্ক্রিপ্ট
ondragend script ড্র্যাগ অপারেশন সম্পূর্ণ হলে চালানোর জন্য স্ক্রিপ্ট
ondragenter script একটি কম্পোনেন্টকে বৈধ রিলিজ টার্গেটে টেনে আনা হলে চালানোর জন্য স্ক্রিপ্ট
ondragleave script স্ক্রিপ্টটি কার্যকর করা হবে যখন একটি উপাদান একটি বৈধ এস্কেপ লক্ষ্য ত্যাগ করে
ondragover script একটি বৈধ রিলিজ টার্গেটের উপর একটি উপাদান টেনে আনা হলে চালানোর জন্য স্ক্রিপ্ট
ondragstart script পুল অপারেশন শুরু হলে চালানোর জন্য স্ক্রিপ্ট
ondrop script টেনে আনা উপাদান বাদ দিলে চালানোর জন্য স্ক্রিপ্ট
onscroll script একটি কম্পোনেন্টের স্ক্রলবার স্ক্রোল করা হলে চালানোর জন্য একটি স্ক্রিপ্ট

Clipboard Events

বৈশিষ্ট্য মান ব্যাখ্যা
oncopy script ব্যবহারকারী যখন কোনো উপাদানের বিষয়বস্তু কপি করে তখন ট্রিগার হয়
oncut script ব্যবহারকারী যখন কোনো উপাদানের বিষয়বস্তু কাটে তখন ট্রিগার হয়
onpaste script ব্যবহারকারী কোনো উপাদানে কিছু বিষয়বস্তু পেস্ট করলে ট্রিগার হয়

Media Events

ভিডিও, ছবি এবং অডিওর মতো মিডিয়া দ্বারা ট্রিগার করা ইভেন্টগুলি (সমস্ত HTML উপাদানের ক্ষেত্রে প্রযোজ্য, কিন্তু মিডিয়া উপাদান যেমন <audio>, <embed>, <img>, <object> এবং <video>-এর ক্ষেত্রে সাধারণ)।

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

Misc Events

বৈশিষ্ট্য মান ব্যাখ্যা
ontoggle script ব্যবহারকারী যখন <বিস্তারিত> উপাদানটি খোলে বা বন্ধ করে তখন ট্রিগার হয়

Exercises

Which event attribute fires when a user clicks on an element?

onmouseover
✗ ভুল! onmouseover আগুন লাগে যখন মাউস উপাদানের উপর চলে যায়
onclick
✓ ঠিক আছে! ব্যবহারকারী উপাদানে ক্লিক করলে অনক্লিক ফায়ার হয়
onkeypress
✗ ভুল! ব্যবহারকারী একটি কী চাপলে onkeypress ফায়ার করে
onload
✗ ভুল! পেজ লোড করা শেষ হলে অনলোড ফায়ার হয়