DHTML 事件 হ্যান্ডলার

আপনি কোনও ইভেন্ট ঘটার সময় কোনও ইলেকট্রনিক সামগ্রীর উপর কোনও কাজ করতে একটি ইভেন্ট হান্ডলার ব্যবহার করতে পারেন

উদাহরণ

মন্তব্য:অধিকাংশ DHTML উদাহরণগুলি IE 4.0+、Netscape 7+ বা Opera 7+ এর জন্য প্রয়োজন

onmouseover এবং onmouseout
মাউস ইন্টারফেসের উপর বা তার বাইরে মাউস এস্তারের সময় একটি ইলেকট্রনিক সামগ্রীর রঙ পরিবর্তন করা যায়
onclick
আলো জ্বলান। কিভাবে একটি ছবিতে ক্লিক করলে ছবির রঙ পরিবর্তন করা যায়, এবং পরের ক্লিক করলে পূর্ববর্তী রঙ ফিরে আসে
onmousedown এবং onmouseup
এইসব উপায়েই আলো জ্বলবে, যখন আপনি মাউস বাটন চাপান
onload
যখন পাতা সম্পূর্ণভাবে লোড হয়, তখন একটি টুইপ দেখান

ইভেন্ট হান্ডলার

একটি ইভেন্ট হান্ডলারের মাধ্যমে, আপনি কোনও ইভেন্ট ঘটার সময় কোনও ইলেকট্রনিক সামগ্রীর উপর কোনও কাজ করতে পারেন: যখন ব্যবহারকারী একটি ইলেকট্রনিক সামগ্রী ক্লিক করবেন, যখন পাতা লোড হচ্ছে, যখন একটি ফর্ম সমর্থিত হচ্ছে, ইত্যাদি。

<h1 onclick="style.color='red'">Click on this text</h1>

উপরোক্ত উদাহরণটি যখন ব্যবহারকারী একটি শিরোনাম ক্লিক করবেন, তখন শিরোনাম লাল হবে。

আপনি পাতার head অংশে একটি স্ক্রিপ্ট যোগ করতে পারেন, এবং পরের হান্ডলার থেকে ফাংশন কল করুন:

<html>
<head>
<script type="text/javascript">
function changecolor()
{
document.getElementById('header').style.color="red"
}
</script>
</head>
<body>
<h1 id="header" onclick="changecolor()">ক্লিক করুন এই টেক্সট</h1>
</body>
</html>

HTML 4.0 ইভেন্ট হ্যান্ডলার

ইভেন্ট যখন...
onabort ব্যবহারকারী পৃষ্ঠা লোড বন্ধ করছেন
onblur ব্যবহারকারী ইন্টারফেস ছেড়ে যাচ্ছেন
onchange ব্যবহারকারী ইন্টারফেসের মান পরিবর্তন করছেন
onclick ব্যবহারকারী ইন্টারফেস ক্লিক করছেন
ondblclick ব্যবহারকারী ইন্টারফেস দ্বিগুণ ক্লিক করছেন
onfocus ব্যবহারকারী ইন্টারফেস সক্রিয় করছেন
onkeydown কিবোর্ড চাপা হচ্ছে
onkeypress কিবোর্ড চাপা হচ্ছে
onkeyup কিবোর্ড থেকে ছাড় দেওয়া হচ্ছে
onload

পৃষ্ঠা লোড সম্পন্ন

মন্তব্য:Netscape-তে, পৃষ্ঠা লোড হওয়ার সময় এই ইভেন্ট ঘটে
onmousedown ব্যবহারকারী মাউস বাটন চাপছেন
onmousemove মাউস ইন্টারফেস অবজেক্টের ওপর চলাচল
onmouseover মাউস ইন্টারফেস অবজেক্টের ওপর চলে আসছে
onmouseout মাউস ইন্টারফেস অবজেক্ট থেকে বের হচ্ছে
onmouseup ব্যবহারকারী মাউস বাটন ছেড়ছেন
onreset ব্যবহারকারী ফর্ম পুনরায় সেট করছেন
onselect ব্যবহারকারী পৃষ্ঠায় কোনও কিছু চিহ্নিত করছেন
onsubmit ব্যবহারকারী ফর্ম জমা দিচ্ছেন
onunload ব্যবহারকারী পৃষ্ঠা বন্ধ করছেন