Метод focus в JavaScript
Метод focus
устанавливает фокус на элементе (чаще всего на инпуте). Это значит, что в этом инпуте начнет моргать курсор и вводимый с клавиатуры текст будет попадать именно в этот инпут.
Синтаксис
элемент.focus()
Пример
Давайте по клику на одну кнопку установим фокус на инпуте, а по клику на другую - уберем его:
<input value="text" id="input">
<input type="button" value="focus" id="focus">
<input type="button" value="blur" id="blur">
let 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();
});