JavaScript-da focus va blur metodlari

Siz kirish fokusi nima ekanligini allaqachon bilasiz. Siz shuningdek, fokusni qanday o'rnatish yoki yo'qotishni ham bilasiz: fokusni o'rnatish uchun maydonga bosing kirish, va yo'qotish uchun - boshqa joyga.

JavaScript-da, ammo, maxsus usullar mavjud bo'lib, ular majburan o'rnatish imkonini beradi kirish joyiga fokus yoki uni olib tashlang. Bu usullari focus va blur.

Keling, ularning ishlashini misolda ko'rib chiqaylik. Aytaylik bizda kirish va tugma mavjud:

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

Keling, tugmani bosish orqali fokusni o'rnatamiz bizning kirish joyimizga kirish:

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

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

Ikkita kirish maydoni berilgan. Shunday qilingki, shundan so'ng ikkita belgi kiritish fokusini o'tkazadi ikkinchi kirish maydoniga, va ikkita belgi kiritilgandan so'ng bu kirish maydoni - fokus undan olib tashlansin.