onmouseenter ပွဲ
ဥပမာ
ပုံတစ်ပုံပေါ် မောက်စ်ညွှန်သူကို ရွှေ့သည့်အခါ JavaScript ကို လုပ်ဆောင်ပါ-
<img onmouseenter="bigImg(this)" src="smiley.gif" alt="Smiley">
အောက်တွင် နောက်ထပ် "စမ်းသုံးကြည့်ပါ" ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
Mouseenter ဖြစ်ရပ်သည် မောက်စ်ညွှန်သူကို ဒြပ်စင်တစ်ခုပေါ်သို့ ရွှေ့လိုက်သောအခါတွင် ဖြစ်ပေါ်သည်။
အကြံပြုချက်- ဤဖြစ်ရပ်ကို မောက်စ်ညွှန်သူကို ဒြပ်စင်တစ်ခုမှ ရွှေ့လိုက်သောအခါတွင် ဖြစ်ပေါ်သည့် onmouseleave ဖြစ်ရပ် နှင့် မကြာခဏ တွဲသုံး ပါသည်။
အကြံပြုချက်- onmouseenter အစီအစဉ်သည် onmouseover ပွဲ နှင့် ဆင်တူသည် ။ တစ်ခုတည်းသော ခြားနားချက်မှာ onmouseenter ဖြစ်ရပ်သည် ပူဖောင်းမရှိခြင်း (စာရွက်စာတမ်း၏ အထက်တန်းအဆင့်ကို လွှင့်မပစ်ပါ)။ ကွဲပြားမှုများကို ပိုမိုနားလည်ရန် ဤစာမျက်နှာ၏အောက်ခြေရှိ "နောက်ထပ်ဥပမာများ" ကိုကြည့်ပါ။
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် အဖြစ်အပျက်ကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးပါသည်။
Event | |||||
---|---|---|---|---|---|
onmouseenter | 30.0 | 5.5 | Yes | 6.1 | 11.5 |
အထားအသို
HTML တွင်-
<element onmouseenter="myScript">
JavaScript တွင်-
object.onmouseenter = function(){myScript};
JavaScript တွင် addEventListener() method ကိုအသုံးပြု၍-
object.addEventListener("mouseenter", 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>