onfocusout အခမ်းအနား
အသုံးပြုခြင်း နှင့် အသုံးချက်
အခမ်းအနားတွင်
အမှန်ပြု onfocusout အခမ်းအနားသည် onblur အခမ်းအနား。
အမှန်ပြုဖြစ်နေပါသည်။ Firefox မပါဘဲ onfocusout အခမ်းအနားကို သုံးပြီးမှာပဲ，addEventListener() စက်၏ useCapture အချက်အလက်ကိုသုံးပြီးမှာ အရာတွေကိုမြင်တွေ့နိုင်ပါသည်။
အမှန်ပြု onfocusout အခမ်းအနား onfocusin အခမ်းအနားကြားနေ
အမျိုးသား
အမျိုးသား 1
အရိုးအသီးအစားအပိုင်းပါးများ
အရိုးအသီးအစားအပိုင်းပါးများကို လုပ်ဆောင်ပေးတာ
<input type="text" onfocusout="myFunction()">
ဘွတ်တော်ဘုတ်ပြီးနောက်အောက်ပိုင်းတွင် TIY အစီအစဉ်များရှိ
ပြုအုပ်
HTML တွင်:< element.addEventListener("focusout",onfocusout="
">
ဂျက်ဆာ့ တွင်，addEventListener() စက်ကိုသုံးပြီး：In JavaScript (may not work as expected in Chrome, Safari and Opera 15+):.addEventListener("focusout",.onfocusout = function(){
};
ဂျက်ဆာ့ တွင်，addEventListener() စက်ကိုသုံးပြီး：object .addEventListener("focusout",myScript
ဖော်ပြချက်:); Internet Explorer 8 သို့မဟုတ် အရှည်ကျန့်သောပုံစံများမပါaddEventListener() စက်
。
| နည်းပညာရှင် | ထောက်ပံ့ကြေညာ |
|---|---|
| ပေါ်လီပုံ့ | ပယ်ဖျက်နိုင် |
| မမြင်နိုင် | FocusEvent |
| လုပ်ဆောင်သော HTML အချက်အလက်တွေ： | အချို့ HTML အရာတွေကို လုံး၍မပါဘဲ：<base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> နှင့် <title> |
| DOM ပုံစံ: | Level 2 Events |
ဘရောက်တာသုံးနည်း
တရားမှူးအမှတ်တွင် အခင်းပေါ်ကို ပြုပြင်ထားသော အားနည်းသုံးမျိုးကို ပြောဆိုထားပါ
| အခင်းပေါ် | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| onfocusout | ထောက်ပံ့ကြေညာ | ထောက်ပံ့ကြေညာ | 52.0 | ထောက်ပံ့ကြေညာ | ထောက်ပံ့ကြေညာ |
ဖော်ပြချက်:onfocusout အခင်းပေါ် on Chrome, Safari နှင့် Opera 15+ တွင် မျှော်လင့်သော အကျိုးသားမျှ မပြုလုပ်နိုင်ပါ။ သို့သော်လည်း, အခင်းပေါ်အာဏာပြုအဖြစ် အသုံးပြုပြီး addEventListener() အမိန့်အာဏာပြုကို အသုံးပြု (အောက်ပါ အပြောရိုက်များကို ကျွန်ုပ်ထုတ်ပြန်ပြီ)。
ပိုမိုအမှတ်အသား
အမှတ် 2
"onfocusin" နှင့် "onfocusout" အခင်းပေါ်အချင်းစပ်များကို အသုံးပြု
<input type="text" onfocusin="focusFunction()" onfocusout="blurFunction()">
အမှတ် 3
အခင်းပေါ်အချင်းစပ်သုံးနည်း: addEventListener() အချင်းစပ်အာဏာပြု useCapture အာဏာပြု ကို true ကူးယူ
<form id="myForm">
<input type="text" id="myInput">
</form>
<script>
var x = document.getElementById("myForm");
x.addEventListener("focus", myFocusFunction, true);
x.addEventListener("blur", myBlurFunction, true);
function myFocusFunction() {
document.getElementById("myInput").style.backgroundColor = "yellow";
}
}
function myBlurFunction() {
}
</script>
အမှတ် 4
အခင်းပေါ်အချင်းစပ်သုံးနည်း: focusin အခင်းပေါ်အသုံးပြု
<form id="myForm">
<input type="text" id="myInput">
</form>
<script>
var x = document.getElementById("myForm");
x.addEventListener("focusin", myFocusFunction);
x.addEventListener("focusout", myBlurFunction);
function myFocusFunction() {
document.getElementById("myInput").style.backgroundColor = "yellow";
}
}
function myBlurFunction() {
}
</script>
