onmousemove အခမ်းအနား

အသုံးချက် နှင့် အကျိုးသတ္တု

onmousemove အခမ်းအနား အစိတ်အပိုင်းပေါ်တွင် မြောက်ချိန်ပြုလုပ်တာ ဖြစ်ပေါ်လာပါ

အကျိုးသတ္တု

အကြောင်း 1

မြောက်ချိန်ပြုလုပ်တာ <div> အစိတ်အပိုင်းပေါ်သို့ စမ်းသပ်လုပ်ပေးပါ

<div onmousemove="myFunction()">မြောက်ချိန်ပြုလုပ်တာ</div>

ကျွန်တော်ကို စစ်ဆေးလိုက်ကြည်း

အမှတ် 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>

ကျွန်တော်ကို စစ်ဆေးလိုက်ကြည်း

အမှတ် 3

ဤအမှတ်အသားသည် 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>

ကျွန်တော်ကို စစ်ဆေးလိုက်ကြည်း

အစိုက်အရေး

HTML တွင်

<element onmousemove="myScript">

ကျွန်တော်ကို စစ်ဆေးလိုက်ကြည်း

JavaScript တွင်

object.onmousemove = function(){myScript};

ကျွန်တော်ကို စစ်ဆေးလိုက်ကြည်း

JavaScript တွင် addEventListener() ဓာတ်ပြက္ခဒ်ကို အသုံးပြုလိုက်

object.addEventListener("mousemove", 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
onmousemove ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့