onmouseover ইভেন্ট
বিবরণ ও ব্যবহার
onmouseover ইভেন্টটি মাউস পয়েন্টারকে ইলেমেন্ট বা তার সাব-ইলেমেন্টের উপর লাগাবার সময় ঘটে
সুঝাওয়া:এই ইভেন্টটি সাধারণত onmouseout ইভেন্টএকসঙ্গে ব্যবহার করলে, যখন ব্যবহারকারী মাউস পয়েন্টারকে ইলেমেন্ট থেকে বের করে নিয়ে যায়, তখন এই ইভেন্ট ঘটে
প্রতিদর্শন
উদাহরণ 1
মাউস পয়েন্টারকে চিত্রের উপর লাগাবার সময় জাভাস্ক্রিপ্ট চালু করুন:
<img onmouseover="bigImg(this)" src="smiley.gif" alt="Smiley">
উদাহরণ 2
এই উদাহরণটি onmousemove, onmouseenter এবং mouseover ইভেন্টের মধ্যে পার্থক্যকে প্রদর্শন করে:
<div onmousemove="myMoveFunction()"> <p id="demo">I will demonstrate onmousemove!</p> </div> <div onmouseenter="myEnterFunction()"> <p id="demo2">I will demonstrate onmouseenter!</p> </div> <div onmouseover="myOverFunction()"> <p id="demo3">I will demonstrate onmouseover!</p> </div>
ব্যবহারকৌশল
HTML-তে:
<element onmouseover="myScript">
জাভাস্ক্রিপ্টে:
object.onmouseover = function(){myScript};
জাভাস্ক্রিপ্টে, addEventListener() পদ্ধতি ব্যবহার করে:
object.addEventListener("mouseover", myScript);
মন্তব্য:Internet Explorer 8 বা আরও পুরানো সংস্করণগুলি এটা সমর্থন করে না addEventListener() পদ্ধতি。
তকনীকী বিবরণ
| বালবৃদ্ধি: | সমর্থন |
|---|---|
| বাতিল করা যায়: | সমর্থন |
| ইভেন্ট টাইপ: | MouseEvent |
| সমর্থিত HTML ট্যাগ: | সমস্ত HTML ইলেমেন্ট, বর্তমানে: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> এবং <title> |
| DOM সংস্করণ: | Level 2 Events |
ব্রাউজার সমর্থন
| ইভেন্ট | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| onmouseover | সমর্থন | সমর্থন | সমর্থন | সমর্থন | সমর্থন |
