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

Эки инпут берилген. Эки символ киргизилгенден кийин киргизүү фокусу экинчи инпутка өткөндөй кылыңыз, ал эми бул инпутка эки символ киргизилгенден кийин - андан фокус алып салынсын.