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:
<input id="elem" value="text">
<input type="submit" id="button">
Při kliknutí na tlačítko nastavme fokus do našeho inputu:
let elem = document.querySelector('#elem');
let button = document.querySelector('#button');
button.addEventListener('click', function() {
elem.focus();
});
Jsou dány dva inputy. Zařiďte, aby po zadání dvou znaků přešel vstupní fokus k druhému inputu, a po zadání dvou znaků do tohoto inputu - se fokus z něj odstranil.
