Метод 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,
    унинг ёрдамида элементдан фокусни олиш мумкин