JavaScript တွင် focus နှင့် blur method များ

Input focus ဆိုသည်မှာ အဘယ်နည်း ဆိုသည်ကို သင်သိပြီးဖြစ်သည်။ Focus ကို မည်သို့သတ်မှတ်ရမည် (သို့) မည်သို့ဆုံးရှုံးစေရမည် ဆိုသည်ကိုလည်း သင်သိပြီးဖြစ်သည်- သတ်မှတ်ရန် input field ထဲတွင် နှိပ်ပါ၊ ဆုံးရှုံးစေရန် အခြားနေရာတစ်ခုခုတွင် နှိပ်ပါ။

JavaScript တွင်မူ input တစ်ခုထဲသို့ focus ကို အတင်းအကျပ်သတ်မှတ်ပေးခြင်း (သို့) ၎င်းမှ ဖယ်ရှားခြင်းတို့ကို ခွင့်ပြုပေးသော အထူး method များ ရှိပါသည်။ ၎င်းတို့မှာ method များ focus နှင့် blur တို့ ဖြစ်ပါသည်။

ဥပမာတစ်ခုဖြင့် ၎င်းတို့၏ အလုပ်လုပ်ပုံကို ကြည့်ရှုကြပါစို့။ ကျွန်ုပ်တို့တွင် အောက်ပါ input နှင့် button ရှိသည်ဆိုပါစို့-

html<input id="elem" value="text">
<input type="submit" id="button">

Button ကို နှိပ်လိုက်သည်နှင့် ကျွန်ုပ်တို့၏ input ထဲသို့ input focus ကို သတ်မှတ်ပေးကြပါစို့-

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

button.addEventListener('click', function() {
  elem.focus();
});
Задание 1

Input နှစ်ခု ပေးထားသည်။ အက္ခရာနှစ်လုံး ရိုက်ထည့်ပြီးနောက်တွင် input focus သည် ဒုတိယ input သို့ ပြောင်းသွားစေရန်၊ ထို input ထဲတွင် အက္ခရာနှစ်လုံး ရိုက်ထည့်ပြီးနောက်တွင်မူ ၎င်းမှ focus ကို ဖယ်ရှားပစ်ရန် လုပ်ဆောင်ပါ။