Metódy focus a blur v JavaScripte

Už viete, čo je vstupný focus. Tiež viete, ako nastaviť alebo stratiť focus: na nastavenie je potrebné kliknúť do vstupného poľa a na stratu - na nejaké iné miesto.

V JavaScripte však existujú špeciálne metódy, ktoré umožňujú nútene nastaviť focus do inputu alebo ho odtiaľ odstrániť. Sú to metódy focus a blur.

Pozrime sa na ich činnosť na príklade. Nech máme takýto input a tlačidlo:

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

Po kliknutí na tlačidlo nastavme focus do nášho inputu:

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

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