JavaScript တွင် စာသားအကွက်များ၏ အာရုံစိုက်မှု

ကျွန်ုပ်တို့မှာ input တစ်ခုရှိသည်ဆိုပါစို့။ သင်သည် ဤ input ပေါ်တွင် နှိပ်နိုင်သည်၊ ထို့နောက် ၎င်းအတွင်းတွင် အချက်ပြဘား မျက်လုံးလေးမျက်လုံးပေါ်လာပြီး စာရိုက်ထည့်နိုင်မည်။

ထိုသို့သော အခြေအနေကို input သည် လက်ရှိတွင် အာရုံစိုက်မှုရရှိထားသည်ဟု ပြောသည်။ လက်တွေ့တွင် ၎င်းဆိုလိုသည်မှာ ကီးဘုတ်မှ စာသားရိုက်ထည့်ရန်စတင်လျှင်၊ ထိုစာသားသည် လက်ရှိ အာရုံစိုက်မှုရရှိထားသော input ထဲသို့ ရောက်ရှိသွားမည်။ ထို့နောက် input ၏ အပြင်ဘက်တစ်နေရာရာကို ကလစ်နှိပ်လိုက်လျှင်၊ ထို input သည် အာရုံစိုက်မှုဆုံးရှုံးသွားမည် ထို့ကြောင့် ၎င်းအတွင်းသို့ စာသားရိုက်ထည့်၍မရနိုင်တော့ပါ။

input တစ်ခု အာရုံစိုက်မှုရရှိခြင်း သို့မဟုတ် ဆုံးရှုံးခြင်း အခိုက်အတန့်ကို ဖမ်းမိရန်၊ JavaScript တွင် အထူးဖြစ်ရပ်များ ပြဌာန်းထားသည်။ ဖြစ်ရပ် focus သည် input အာရုံစိုက်မှုရရှိခြင်းကို ဖမ်းယူရန် ခွင့်ပြုသည်၊ ဖြစ်ရပ် blur သည် ဆုံးရှုံးခြင်းကို ဖမ်းယူရန် ခွင့်ပြုသည်။ လက်တွေ့စမ်းကြည့်ကြပါစို့။ ကျွန်ုပ်တို့မှာ input တစ်ခုရှိသည်ဆိုပါစို့။

html<input id="elem" value="text">

၎င်းအတွက် ကိုးကားချက်ကို variable တစ်ခုအတွင်း ရယူကြပါစို့။

javascriptlet elem = document.querySelector('#elem');

ယခု အာရုံစိုက်မှုရရှိပါက၊ console တွင် input ၏ လက်ရှိစာသားကို ထုတ်ပြရန် ပြုလုပ်ကြပါစို့။

javascriptelem.addEventListener('focus', function() {
  console.log(elem.value);
});