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