Усулҳои focus ва blur дар JavaScript

Шумо аллакай мефаҳмед, ки фокуси ворид кардан чӣ ҳаст. Шумо ҳамчунин мефаҳмед, ки чӣ тавр фокуси ворид карданро гузошт ё гум кардан: барои гузоштан бояд ба майдони воридӣ клик кард, ва барои гум кардан - ба ягон ҷойи дигар.

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

Ду инпут дода шудааст. Ба тавре созед, ки пас аз ворид кардани ду аломат фокуси ворид кардан гузарад ба инпути дуюм, ва пас аз ворид кардани ду аломат ба ин инпут - фокуси ворид кардан аз он хориҷ карда шавад.