Metodi focus in blur v JavaScriptu
Že veste, kaj je vnosno žarišče. Prav tako veste, kako nastaviti ali izgubiti žarišče: za nastavitev morate klikniti v vnosno polje, za izgubo pa kamorkoli drugam.
V JavaScriptu pa obstajajo posebne metode,
ki omogočajo prisilno nastavitev žarišča
v vnosno polje ali njegovo odstranitev. To
sta metodi focus in blur.
Oglejmo si njihovo delovanje na primeru. Naj imamo tale vnosno polje in gumb:
<input id="elem" value="text">
<input type="submit" id="button">
Ob kliku na gumb nastavimo žarišče v našem vnosnem polju:
let elem = document.querySelector('#elem');
let button = document.querySelector('#button');
button.addEventListener('click', function() {
elem.focus();
});
Podani sta dve vnosni polji. Naredite tako, da po vnosu dveh znakov preide žarišče v drugo vnosno polje, po vnosu dveh znakov v to polje pa se žarišče iz njega odstrani.
