onmouseenter 事件
定义和用法
onmouseenter 事件在鼠标指针移动到元素上时发生。
အကြောင်းအရာအချက်အလက်များ သည် onmouseleave အချင်းချင်း အချိန်ချက်တွဲဖက် အသုံးပြုပါက မိုးစက်အစိတ်အချုပ် ပြင်ပတွင် အချက်အလက်များ ဖြစ်ပေါ်လာသည်。
အကြောင်းအရာ onmouseenter အချက်အလက်များ သည် onmouseover အချင်းချင်း အချိန်ချက်。အခြား အမှတ်အသားများကို စားပွားပြီး အခြေခံစားပွားထားပါတယ်。
အကျိုးသမား
အမှတ် ၁
မိုးစက်အစိတ်အချုပ် ပြင်ပတွင် JavaScript ကို အသုံးပြုပါ -
<img onmouseenter="bigImg(this)" src="smiley.gif" alt="Smiley">
အမှတ် ၂
အမှတ် ၂ အချက်အလက်များကို 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 တွင် -
<အရာ onmouseenter="myScript">
JavaScript တွင် -
အရာ.onmouseenter = function(){myScript};
JavaScript တွင် addEventListener() စကားရပ်ကို အသုံးပြုပါ -
အရာ.addEventListener("mouseenter", myScript);
ရှိခြင်းInternet Explorer ၈ သို့ အရေးပါသော အချက်အလက်များ addEventListener() စကားရပ်。
နည်းပညာရှိ အချက်အလက်
တိုးမြှင့် | မမြင့်တင် |
---|---|
ပယ်ဖျက်နိုင် | မမြင့်တင် |
အချက်အလက် အမျိုးမျိုး | MouseEvent |
ကူညီသော HTML အကွက်များ | အတိုက်အခံရသော HTML အကွက်များမှာ ဖြစ်သည် - <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> နှင့် <title> |
DOM ကန့်ကွယ်ချက် | အခြေခံ ၂ အချက်အလက် |
ဘာသာစကားကုန်ထုတ်လုပ်သူ
表中的数字注明了完全支持该事件的首个浏览器版本。
事件 | Chrome | IE | Firefox | Safari | Opera |
---|---|---|---|---|---|
onmouseenter | 30.0 | 5.5 | 支持 | 6.1 | 11.5 |