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:
<input id="elem" value="text">
<input type="submit" id="button">
Po kliknutí na tlačidlo nastavme focus do nášho inputu:
let elem = document.querySelector('#elem');
let button = document.querySelector('#button');
button.addEventListener('click', function() {
elem.focus();
});
Sú dané dva inputy. Zaistite, aby po zadaní dvoch znakov prešiel vstupný focus k druhému inputu, a po zadaní dvoch znakov do tohto inputu - focus z neho bol odstránený.
