Metoda focus

Metoda focus nastavuje fokus na elementu (nejčastěji na inputu). To znamená, že v tomto inputu začne blikat kurzor a text zadaný z klávesnice bude směřovat právě do tohoto inputu.

Syntaxe

element.focus();

Příklad

Při kliknutí na jedno tlačítko nastavíme fokus na inputu, a při kliknutí na druhé - odstraníme ho:

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

// Při kliknutí na tlačítko focus nastavíme fokus inputu:
focus.addEventListener('click', function() {
	input.focus();
});

// Při kliknutí na tlačítko blur odstraníme fokus z inputu:
blur.addEventListener('click', function() {
	input.blur();
});

Viz také

metoda blur,
pomocí které lze odstranit fokus na elementu