JavaScript တွင် စာသားအကွက်များ၏ အာရုံစိုက်မှု
ကျွန်ုပ်တို့မှာ input တစ်ခုရှိသည်ဆိုပါစို့။ သင်သည် ဤ input ပေါ်တွင် နှိပ်နိုင်သည်၊ ထို့နောက် ၎င်းအတွင်းတွင် အချက်ပြဘား မျက်လုံးလေးမျက်လုံးပေါ်လာပြီး စာရိုက်ထည့်နိုင်မည်။
ထိုသို့သော အခြေအနေကို input သည် လက်ရှိတွင် အာရုံစိုက်မှုရရှိထားသည်ဟု ပြောသည်။ လက်တွေ့တွင် ၎င်းဆိုလိုသည်မှာ ကီးဘုတ်မှ စာသားရိုက်ထည့်ရန်စတင်လျှင်၊ ထိုစာသားသည် လက်ရှိ အာရုံစိုက်မှုရရှိထားသော input ထဲသို့ ရောက်ရှိသွားမည်။ ထို့နောက် input ၏ အပြင်ဘက်တစ်နေရာရာကို ကလစ်နှိပ်လိုက်လျှင်၊ ထို input သည် အာရုံစိုက်မှုဆုံးရှုံးသွားမည် ထို့ကြောင့် ၎င်းအတွင်းသို့ စာသားရိုက်ထည့်၍မရနိုင်တော့ပါ။
input တစ်ခု အာရုံစိုက်မှုရရှိခြင်း သို့မဟုတ် ဆုံးရှုံးခြင်း အခိုက်အတန့်ကို
ဖမ်းမိရန်၊ JavaScript တွင် အထူးဖြစ်ရပ်များ ပြဌာန်းထားသည်။
ဖြစ်ရပ် focus
သည် input အာရုံစိုက်မှုရရှိခြင်းကို ဖမ်းယူရန် ခွင့်ပြုသည်၊
ဖြစ်ရပ် blur သည် ဆုံးရှုံးခြင်းကို ဖမ်းယူရန် ခွင့်ပြုသည်။
လက်တွေ့စမ်းကြည့်ကြပါစို့။ ကျွန်ုပ်တို့မှာ input တစ်ခုရှိသည်ဆိုပါစို့။
<input id="elem" value="text">
၎င်းအတွက် ကိုးကားချက်ကို variable တစ်ခုအတွင်း ရယူကြပါစို့။
let elem = document.querySelector('#elem');
ယခု အာရုံစိုက်မှုရရှိပါက၊ console တွင် input ၏ လက်ရှိစာသားကို ထုတ်ပြရန် ပြုလုပ်ကြပါစို့။
elem.addEventListener('focus', function() {
console.log(elem.value);
});
input တစ်ခုပေးထားသည်။ အာရုံစိုက်မှုရရှိပါက ၎င်းအတွင်း
ဂဏန်း 1 ကိုရေးပါ၊ အာရုံစိုက်မှုဆုံးရှုံးပါက -
ဂဏန်း 2 ကိုရေးပါ။
input တစ်ခုပေးထားသည်။ ၎င်းအတွင်းသို့ ဂဏန်းတစ်ခုရိုက်ထည့်ပါစို့။ အာရုံစိုက်မှုဆုံးရှုံးချိန်တွင် ထိုဂဏန်း၏ နှစ်ထပ်ကိန်းကို စကရင်၌ ထုတ်ပြပါ။
input တစ်ခုပေးထားသည်၊ ယခင်ကတည်းက ၎င်းအတွင်းတွင် စာသားတစ်ခုခုရှိပါသည်။ input အာရုံစိုက်မှုရရှိချိန်တွင် ထို input ၏ အတွင်းပါဝင်မှုကို ရှင်းလင်းပါ။
