Metody focus a blur v JavaScriptu

Už víte, co je vstupní fokus. Také víte, jak nastavit nebo ztratit fokus: pro nastavení je třeba kliknout do vstupního pole a pro ztrátu - na nějaké jiné místo.

V JavaScriptu však existují speciální metody, které umožňují násilně nastavit fokus do inputu nebo jej odebrat. Jsou to metody focus a blur.

Podívejme se na jejich funkci na příkladu. Nechť máme následující input a tlačítko:

html<input id="elem" value="text">
<input type="submit" id="button">

Při kliknutí na tlačítko nastavme fokus do našeho inputu:

javascriptlet elem   = document.querySelector('#elem');
let button = document.querySelector('#button');

button.addEventListener('click', function() {
  elem.focus();
});