JavaScript-ի focus և blur մեթոդները

Դուք արդեն գիտեք, թե ինչ է մուտքագրման ֆոկուսը: Դուք նաև գիտեք, թե ինչպես սահմանել կամ կորցնել ֆոկուսը. սահմանելու համար պետք է սեղմել դաշտում մուտքագրման վրա, իսկ կորստան համար՝ ինչ-որ այլ տեղ:

Սակայն JavaScript-ում կան հատուկ մեթոդներ, որոնք հնարավորություն են տալիս հարկադրաբար սահմանել ֆոկուսը ինփութում կամ հեռացնել այն այնտեղից: Սրանք focus և blur մեթոդներն են:

Դիտարկենք դրանց աշխատանքը օրինակով: Ենթադրենք ունենք այսպիսի ինփութ և կոճակ.

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

Եկեք կոճակի վրա սեղմելու դեպքում սահմանենք մուտքագրման ֆոկուսը մեր ինփութում.

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

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

Տրված են երկու ինփութ: Արվեցնել, որ երկու նիշ մուտքագրելուց հետո մուտքագրման ֆոկուսը անցնի երկրորդ ինփութին, իսկ երկու նիշ մուտքագրելուց հետո այս ինփութում՝ ֆոկուսը դրանից հեռանա: