Metode focus dan blur dalam JavaScript

Anda sudah tahu apa itu fokus input. Anda juga tahu cara mengatur atau kehilangan fokus: untuk mengaturnya, perlu diklik pada field input, dan untuk kehilangannya - di tempat lain.

Dalam JavaScript, bagaimanapun, ada metode khusus yang memungkinkan untuk secara paksa mengatur fokus pada input atau menghilangkannya dari sana. Ini adalah metode focus dan blur.

Mari kita lihat cara kerjanya dengan contoh. Misalkan kita memiliki input dan tombol berikut:

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

Mari saat tombol ditekan, kita atur fokus input pada input kita:

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

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

Diberikan dua input. Buatlah agar setelah memasukkan dua karakter, fokus input beralih ke input kedua, dan setelah memasukkan dua karakter pada input ini - fokus dihilangkan darinya.