Kaedah focus dan blur dalam JavaScript

Anda sudah tahu apa itu fokus input. Anda juga tahu bagaimana untuk menetapkan atau kehilangan fokus: untuk menetapkan, anda perlu klik pada medan input, dan untuk kehilangan - di tempat lain.

Dalam JavaScript, bagaimanapun, terdapat kaedah khas yang membolehkan anda secara paksa menetapkan fokus pada input atau mengalihkannya dari sana. Ini ialah kaedah focus dan blur.

Mari kita lihat cara kerjanya dengan contoh. Katakan kita ada input dan butang seperti berikut:

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

Mari apabila butang ditekan, kita tetapkan fokus input pada input kami:

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

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

Diberikan dua input. Buat supaya selepas dua aksara dimasukkan, fokus input beralih kepada input kedua, dan selepas dua aksara dimasukkan ke dalam input ini - fokus dialihkan daripadanya.