onfocusin ပွဲ
ဥပမာ
ထည့်သွင်းအကွက်တစ်ခုသည် အာရုံစူးစိုက်မှုရရှိတော့မည့်အချိန်တွင် JavaScript ကို လုပ်ဆောင်ပါ-
<input type="text"
onfocusin="myFunction()">
အောက်တွင် နောက်ထပ် "စမ်းသုံးကြည့်ပါ" ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
ဒြပ်စင်တစ်ခုသည် အာရုံစူးစိုက်မှုရရှိတော့မည့်အချိန်တွင် onfocusin ဖြစ်ရပ် ဖြစ်ပေါ်သည်။
အကြံပြုချက်- onfocusin event သည် onfocus event နှင့် ဆင်တူသည် ။ အဓိက ခြားနားချက်မှာ အာရုံစူးစိုက်မှု ဖြစ်စဉ်သည် ပူဖောင်းမရှိခြင်း ဖြစ်သည်။ ထို့ကြောင့်၊ ဒြပ်စင်တစ်ခု သို့မဟုတ် ၎င်း၏ကလေးသည် အာရုံစူးစိုက်မှုရရှိသည်ဆိုသည်ကို သင်သိရှိလိုပါက၊ သင်သည် onfocusin ဖြစ်ရပ်ကို အသုံးပြုသင့်သည်။
အကြံပြုချက်- onfocusin event သည် onfocusout event နှင့် ဆန့်ကျင်ဘက် ဖြစ်သည် ။
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် အဖြစ်အပျက်ကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးပါသည်။
Event | |||||
---|---|---|---|---|---|
onfocusin | Yes | Yes | 52.0 | Yes | Yes |
မှတ်ချက်- onfocusin အစီအစဉ် သည် JavaScript HTML DOM အစီအမံကို အသုံးပြု၍ Chrome၊ Safari နှင့် Opera 15+ တွင် မျှော်လင့်ထားသည့်အတိုင်း အလုပ် မဖြစ်နိုင်ပါ ။ သို့သော်၊ ၎င်းသည် HTML ရည်ညွှန်းချက်တစ်ခုအနေနှင့် addEventListener() နည်းလမ်းကို အသုံးပြုခြင်းဖြင့် (အောက်တွင်ဖော်ပြထားသော syntax ဥပမာများကိုကြည့်ပါ)။
အထားအသို
HTML တွင်-
<element onfocusin="myScript">
JavaScript တွင် (Chrome၊ Safari နှင့် Opera 15+ တွင် မျှော်လင့်ထားသည့်အတိုင်း အလုပ်မလုပ်နိုင်ပါ)။
object.onfocusin = function(){myScript};
JavaScript တွင် addEventListener() method ကိုအသုံးပြု၍-
object.addEventListener("focusin", 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>