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

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

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

Биёед коркарди онҳоро дар мисол бубинем. Бигзор мо инҷо як инпут ва як тугма дорем:

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

Биёед бо пахш кардан ба тугма фокуси ворид карданро ба инпути мо гузорем:

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

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