Metoda focus

Metoda focus ustawia fokus na elemencie (najczęściej na inpucie). Oznacza to, że w tym inpucie zacznie migać kursor i wprowadzany z klawiatury tekst będzie trafiał właśnie do tego inputu.

Składnia

element.focus();

Przykład

Kliknij jeden przycisk, aby ustawić fokus na inpucie, a kliknij drugi, aby go usunąć:

<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');

// Kliknięcie przycisku focus ustawi fokus na inpucie:
focus.addEventListener('click', function() {
	input.focus();
});

// Kliknięcie przycisku blur usunie fokus z inputu:
blur.addEventListener('click', function() {
	input.blur();
});

Zobacz też

metoda blur,
za pomocą której można usunąć fokus z elementu