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:

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

Ob kliku na gumb nastavimo žarišče v našem vnosnem polju:

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

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