onmouseleave အခမ်းအနား
အသုံးချက် နှင့် အပြောအချက်
မိုးစက်သို့ အရာတစ်ခု ပြောင်းလဲသွားသောအခါ onmouseleave အခမ်းအနား ဖြစ်ပေါ်လာပါသည်。
အကြောင်းကြားချက်:အခမ်းအနားများကို တစ်ခုချင့်အပေါ်တွင် ပြောင်းလဲခြင်းမှ အစီအစဉ်လုပ်ဆောင်လိုက် onmouseenter ဖြစ်ပေါ်မှုတူညီသည့်
အကြောင်းကြားချက်: onmouseleave အခမ်းအနားသည် onmouseout ဖြစ်ပေါ်မှု。ကိုယ်စားပြုမှုများသည် onmouseleave အခမ်းအနားသည် မပေါ်ပေါက် (အထိပ်တန်းရှိ အခမ်းအနားများထိုးထားခြင်းမပါ) မဟုတ်ကြောင်းသာ ကွဲပြားသည်။ ပြန်လည်လေ့လာရန် စာသင်္ချာအောက်ခါ အမှတ်အသားများကို ကြည့်ပါ။
အမှတ်အသား
အမှတ် 1
မိုးစက်ဆက်ချက်ကို ပြောင်းလဲခြင်းမှ အစီအစဉ်လုပ်ဆောင်လိုက်
<img onmouseleave="normalImg(this)" src="smiley.gif" alt="Smiley">
ကျွန်ုပ်ကိုယ်ဖြင့် ကြိုးစားလုပ်ပါ
အမှတ် 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>
အသုံးပြုခြင်း
HTML တွင်:
<အရာ onmouseleave="myScript">
ကျွန်ုပ်ကိုယ်ဖြင့် ကြိုးစားလုပ်ပါ
ဂျပန်ဘာသာစကားတွင်:
အရာ.onmouseleave = function(){myScript};
ကျွန်ုပ်ကိုယ်ဖြင့် ကြိုးစားလုပ်ပါ
ဂျပန်ဘာသာစကားတွင် JavaScript တွင် addEventListener() စကားရပ်ကို အသုံးပြုလိုက်
အရာ.addEventListener("mouseleave", myScript);
ကျွန်ုပ်ကိုယ်ဖြင့် ကြိုးစားလုပ်ပါ
ဖော်ပြချက်:Internet Explorer 8 သို့မဟုတ် အရှည်အတန်းများမပြုပြင် addEventListener() စကားရပ်。
နည်းပညာရှင်များအတွက် အသေးစိတ်
ပေါ်ပေါက် | မထောက်ပံ့ |
---|---|
ဖျက်သိမ်းနိုင် | မထောက်ပံ့ |
အခမ်းအနားအမျိုးအစားများ: | MouseEvent |
ထောက်ပံ့သော HTML အချက်အလက်များ: | အားလုံး HTML အရာများနှင့်အတူ <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> နှင့် <title> မပါဘဲ |
DOM ပုံစံ: | အဆင့် 2 အခမ်းအနား |
ဘာသာစကားအင်တာနက်
အချက်အလက် အချက်အလက် ကို ဖော်ပြထားသည်။ အချက်အလက် ကို ပထမဆုံး ထောက်ပံ့သော ဘရပ်သား ကို ဖော်ပြထားပါသည်။
ဖြစ်ပေါ်မှု | Chrome | IE | Firefox | Safari | Opera |
---|---|---|---|---|---|
onmouseleave | 30.0 | 5.5 | ထောက်ပံ့ | 6.1 | 11.5 |