onmousemove ပွဲ
ဥပမာ
<div> ဒြပ်စင်တစ်ခုပေါ်တွင် mouse pointer ကိုရွှေ့သည့်အခါ JavaScript ကို လုပ်ဆောင်ပါ-
<div onmousemove="myFunction()">Move the cursor over me</div>
အောက်တွင် နောက်ထပ် "စမ်းသုံးကြည့်ပါ" ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
onmousemove ဖြစ်ရပ်သည် ဒြပ်စင်တစ်ခုအပေါ် ညွှန်ပြနေချိန်တွင် ရွေ့လျားနေချိန်တွင် ဖြစ်ပေါ်သည်။
Browser ပံ့ပိုးမှု
Event | |||||
---|---|---|---|---|---|
onmousemove | Yes | Yes | Yes | Yes | Yes |
အထားအသို
HTML တွင်-
<element onmousemove="myScript">
JavaScript တွင်-
object.onmousemove = function(){myScript};
JavaScript တွင် addEventListener() method ကိုအသုံးပြု၍-
object.addEventListener("mousemove", 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>
ဥပမာ
ဤဥပမာသည် onmousemove၊ onmouseleave နှင့် onmouseout ဖြစ်ရပ်များကြား ခြားနားချက်ကို သရုပ်ပြသည်-
<div onmousemove="myMoveFunction()">
<p id="demo">I will demonstrate onmousemove!</p>
</div>
<div onmouseleave="myLeaveFunction()">
<p id="demo2">I will demonstrate onmouseleave!</p>
</div>
<div onmouseout="myOutFunction()">
<p id="demo3">I will demonstrate onmouseout!</p>
</div>