Fookuse ja blur meetodid JavaScriptis

Sa juba tead, mis on sisestusfookus. Sa tead ka, kuidas fookust seada või kaotada: fookuse seadmiseks klõpsa sisendväljal ja kaotamiseks - mõnel muul kohal.

JavaScriptis on aga spetsiaalsed meetodid, mis võimaldavad sundida fookuse seadmist input elemendile või selle eemaldamist sealt. Need on meetodid focus ja blur.

Vaatame nende toimimist näite varal. Olgu meil selline input ja nupp:

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

Teeme nii, et nupule vajutades seatakse fookus meie input elemendile:

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

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