focus পদ্ধতি

focus পদ্ধতি একটি উপাদানে ফোকাস সেট করে (সাধারণত একটি ইনপুটে)। এর মানে হল এই ইনপুটে কার্সার ঝলকানো শুরু হবে এবং কীবোর্ড থেকে টাইপ করা টেক্সট ঠিক এই ইনপুটেই যাবে।

সিনট্যাক্স

javascriptউপাদান.focus();

উদাহরণ

একটি বাটনে ক্লিক করে একটি ইনপুটে ফোকাস সেট করা যাক, এবং অন্য বাটনে ক্লিক করে - এটি সরানো যাক:

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 বাটনে ক্লিক করলে ইনপুটে ফোকাস সেট করুন:
focus.addEventListener('click', function() {
  input.focus();
});

// blur বাটনে ক্লিক করলে ইনপুট থেকে ফোকাস সরান:
blur.addEventListener('click', function() {
  input.blur();
});

Результат:

আরও দেখুন

  • blur পদ্ধতি,
    যার সাহায্যে একটি উপাদান থেকে ফোকাস সরানো যায়