onfocusout ပွဲ
ဥပမာ
ထည့်သွင်းမှုအကွက်တစ်ခု အာရုံစူးစိုက်မှု မရှိတော့သည့်အခါ JavaScript ကို လုပ်ဆောင်ပါ-
<input type="text"
onfocusout="myFunction()">
အောက်တွင် နောက်ထပ် "စမ်းသုံးကြည့်ပါ" ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
ဒြပ်စင်တစ်ခု အာရုံစူးစိုက်မှု ဆုံးရှုံးတော့မည့်အချိန်တွင် အာရုံစူးစိုက်မှုဆိုင်ရာ ဖြစ်ရပ် ဖြစ်ပေါ်သည်။
အကြံပြုချက်- onfocusout event သည် onblur event နှင့် ဆင်တူသည် ။ အဓိကခြားနားချက်မှာ onblur ဖြစ်ရပ်သည် ပူဖောင်းမဖြစ်စေပါ။ ထို့ကြောင့်၊ ဒြပ်စင်တစ်ခု သို့မဟုတ် ၎င်း၏ကလေးသည် အာရုံစူးစိုက်မှု ဆုံးရှုံးခြင်း ရှိ၊ မရှိ သိရှိလိုပါက၊ အာရုံစူးစိုက်မှု ဖြစ်ရပ်ကို အသုံးပြုသင့်သည်။
အကြံပြုချက်- onfocusout ဖြစ်ရပ်သည် onfocusin အစီအစဉ်နှင့် ဆန့်ကျင်ဘက် ဖြစ်သည် ။
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် အဖြစ်အပျက်ကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးပါသည်။
Event | |||||
---|---|---|---|---|---|
onfocusout | Yes | Yes | 52.0 | Yes | Yes |
မှတ်ချက်- JavaScript HTML DOM syntax ကို အသုံးပြု၍ Chrome၊ Safari နှင့် Opera 15+ တွင် အာရုံစိုက်လုပ်ဆောင်မှု အစီအစဉ် သည် မျှော်လင့်ထားသည့်အတိုင်း အလုပ် မဖြစ်နိုင်ပါ ။ သို့သော်၊ ၎င်းသည် HTML ရည်ညွှန်းချက်တစ်ခုအနေနှင့် addEventListener() နည်းလမ်းကို အသုံးပြုခြင်းဖြင့် (အောက်တွင်ဖော်ပြထားသော syntax ဥပမာများကိုကြည့်ပါ)။
အထားအသို
HTML တွင်-
<element onfocusout="myScript">
JavaScript တွင် (Chrome၊ Safari နှင့် Opera 15+ တွင် မျှော်လင့်ထားသည့်အတိုင်း အလုပ်မလုပ်နိုင်ပါ)။
object.onfocusout = function(){myScript};
JavaScript တွင် addEventListener() method ကိုအသုံးပြု၍-
object.addEventListener("focusout", myScript);
မှတ်ချက်- addEventListener () နည်းလမ်းကို Internet Explorer 8 နှင့် အစောပိုင်းဗားရှင်းများတွင် ပံ့ပိုးမထားပါ။
နည်းပညာဆိုင်ရာအသေးစိတ်
ပူဖောင်း: | ဟုတ်ကဲ့ |
---|---|
ပယ်ဖျက်နိုင်သည်- | မရှိ |
ပွဲအမျိုးအစား- | FocusEvent |
ပံ့ပိုးထားသော HTML တဂ်များ- | HTML ဒြပ်စင်များ မှလွဲ၍ ကျန်- <base>၊ <bdo>၊ <br>၊ <head>၊ <html>၊ <iframe>၊ <meta>၊ <param>၊ <script>၊ <style> နှင့် <title> |
DOM ဗားရှင်း- | အဆင့် 2 ပွဲများ |
နောက်ထပ် ဥပမာများ
ဥပမာ
"onfocusin" ကို "onfocusout" ဖြစ်ရပ်နှင့် တွဲသုံးခြင်း-
<input type="text" onfocusin="focusFunction()" onfocusout="blurFunction()">
ဥပမာ
ပွဲကိုယ်စားလှယ်အဖွဲ့- addEventListener() ၏ useCapture parameter ကို အမှန် (အာရုံစူးစိုက်မှုနှင့် မှုန်ဝါးမှုအတွက်) သတ်မှတ်ခြင်း-
<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() {
document.getElementById("myInput").style.backgroundColor = "";
}
</script>
ဥပမာ
ပွဲကိုယ်စားလှယ်အဖွဲ့- focusin event ကို အသုံးပြုခြင်း-
<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() {
document.getElementById("myInput").style.backgroundColor = "";
}
</script>