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