Metodele focus și blur în JavaScript

Știți deja ce este focusul de introducere. De asemenea, știți cum să setați sau să pierdeți focusul: pentru a seta, trebuie să faceți clic în câmpul de introducere, iar pentru a pierde - în alt loc.

În JavaScript, totuși, există metode speciale care permit setarea forțată a focusului în input sau eliminarea lui de acolo. Acestea sunt metodele focus și blur.

Să vedem funcționarea lor cu un exemplu. Să presupunem că avem următorul input și buton:

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

Să setăm la click pe buton focusul de introducere în inputul nostru:

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

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