focus နည်းလမ်း

focus နည်းလမ်းသည် element တစ်ခုပေါ်သို့ အာရုံစိုက်မှုကို သတ်မှတ်ပေးသည် (အများအားဖြင့် input တွင်). ဆိုလိုသည်မှာ ထို input တွင် cursor မျက်တောင်ခတ်လာမည်ဖြစ်ပြီး ်ကီးဘုတ်မှရိုက်ထည့်လိုက်သော စာသားသည် ထို input အတွင်းသို့ပင် ရောက်ရှိသွားမည်ဖြစ်သည်။

ဝါကျဖွဲ့စည်းပုံ

javascriptelement.focus();

ဥပမာ

ခလုတ်တစ်ခုကို နှိပ်လိုက်သောအခါ input ပေါ်သို့ အာရုံစိုက်မှုကို သတ်မှတ်ပြီး၊ အခြားတစ်ခုကို နှိပ်လိုက်သောအခါ ယင်းအာရုံစိုက်မှုကို ဖျက်လိုက်ကြပါစို့။

html<input value="text" id="input">
<input type="button" value="focus" id="focus">
<input type="button" value="blur"  id="blur">

javascriptlet input = document.querySelector('#input');
let focus = document.querySelector('#focus');
let blur  = document.querySelector('#blur');

// focus ခလုတ်ကို နှိပ်လိုက်သောအခါ input ပေါ်သို့ အာရုံစိုက်မှုကို သတ်မှတ်ပါမည်။
focus.addEventListener('click', function() {
  input.focus();
});

// blur ခလုတ်ကို နှိပ်လိုက်သောအခါ input မှ အာရုံစိုက်မှုကို ဖယ်ရှားပါမည်။
blur.addEventListener('click', function() {
  input.blur();
});

Результат:

ဆက်လက်ဖတ်ရှုရန်