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:

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

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

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

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

Sunt date două inputuri. Faceți astfel încât după introducerea a două caractere focusul să treacă la al doilea input, iar după introducerea a două caractere în acest input - focusul să fie eliminat din el.