onmouseover ပွဲ
ဥပမာ
ပုံတစ်ပုံပေါ် မောက်စ်ညွှန်သူကို ရွှေ့သည့်အခါ JavaScript ကို လုပ်ဆောင်ပါ-
<img onmouseover="bigImg(this)" src="smiley.gif" alt="Smiley">
အောက်တွင် နောက်ထပ် "စမ်းသုံးကြည့်ပါ" ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
Mouseover ဖြစ်ရပ်သည် မောက်စ်ညွှန်သူကို ဒြပ်စင်တစ်ခုပေါ် သို့မဟုတ် ၎င်း၏ကလေးများထဲမှ တစ်ခုသို့ ရွှေ့သည့်အခါ ဖြစ်ပေါ်သည်။
အကြံပြုချက်- ဤဖြစ်ရပ်ကို အသုံးပြုသူသည် မောက်စ်ညွှန်ပြချက်ကို ဒြပ်စင်တစ်ခုမှ ရွှေ့သည့်အခါတွင် ဖြစ်ပေါ်သည့် onmouseout ဖြစ်ရပ် နှင့် မကြာခဏ တွဲသုံး ပါသည်။
Browser ပံ့ပိုးမှု
Event | |||||
---|---|---|---|---|---|
onmouseover | Yes | Yes | Yes | Yes | Yes |
အထားအသို
HTML တွင်-
<element onmouseover="myScript">
JavaScript တွင်-
object.onmouseover = function(){myScript};
JavaScript တွင် addEventListener() method ကိုအသုံးပြု၍-
object.addEventListener("mouseover", myScript);
မှတ်ချက်- addEventListener () နည်းလမ်းကို Internet Explorer 8 နှင့် အစောပိုင်းဗားရှင်းများတွင် ပံ့ပိုးမထားပါ။
နည်းပညာဆိုင်ရာအသေးစိတ်
ပူဖောင်း: | ဟုတ်ကဲ့ |
---|---|
ပယ်ဖျက်နိုင်သည်- | ဟုတ်ကဲ့ |
ပွဲအမျိုးအစား- | MouseEvent |
ပံ့ပိုးထားသော HTML တဂ်များ- | HTML ဒြပ်စင်များ မှလွဲ၍ ကျန်- <base>၊ <bdo>၊ <br>၊ <head>၊ <html>၊ <iframe>၊ <meta>၊ <param>၊ <script>၊ <style> နှင့် <title> |
DOM ဗားရှင်း- | အဆင့် 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>