Фокуси майдони матнӣ дар JavaScript

Бигзор мо як вуруд дошта бошем. Шумо метавонед ин вурудро пахш кунед ва пас аз он дар он курсор-чӯб мепартад ва шумо метавонед матнро ба он ворид кунед.

Дар бораи ин ҳолат гуфта мешавад, ки вуруд ҳоло фокуси вуруд дорад. Дар амал ин маънои онро дорад, ки агар шуруъ ба ворид кардани матн аз клавиатура кунед, пас ин матн ба ҳамон вуруде ки ҳоло фокуси вуруд дорад, меафтад. Агар баъд дар берун аз вуруд клик кунед, пас ин вуруд фокуси вурудро гум мекунад ва ба он дигар наметавон матн ворид кард.

Барои он, ки лаҳзаи гирифтан ё гум кардани фокуси вурудро бигирем, дар JavaScript пешбинидӣ шудаанд воқеаҳои махсус: воқеаи focus имкон медиҳад, ки гирифтани фокуси вурудро бигирем, ва воқеаи blur - гум кардани онро. Биёед дар амал санҷем. Бигзор мо вуруд дорем:

<input id="elem" value="text">

Истинод ба онро дар тағирёбанда мегирем:

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

Ва ҳоло чунон мекунем, ки пас аз гирифтани фокуси вуруд дар консоли матни ҷории вуруд чоп шавад:

elem.addEventListener('focus', function() {
	console.log(elem.value);
});

Вуруд дода шудааст. Пас аз гирифтани фокуси вуруд ба он рақами 1 нависед, ва пас аз гум кардани фокуси вуруд - рақами 2.

Вуруд дода шудааст. Бигзор ба он рақам ворид карда шавад. Пас аз гум кардани фокуси вуруд ба экран мураббаи ин рақамро бароваред.

Вуруд дода шудааст, ки дар он аз авл ягон матн вуҷуд дорад. Пас аз гирифтани фокуси вуруд тавассути вуруд мазмуни ин вурудро тоза кунед.