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();
});

Иккита инпут берилган. Иккита белги киритилгандан сўнг киритиш фокуси иккинчи инпутга ўтадиган қилинг, ҳәмма иккита белги ушбу инпутга киритилгандан сўнг - ундан фокус олиб ташлансин.