Metode focus

Metode focus mengatur fokus pada elemen (paling sering pada input). Artinya, kursor akan berkedip di input tersebut dan teks yang dimasukkan dari keyboard akan masuk ke dalam input tersebut.

Sintaks

elemen.focus();

Contoh

Mari kita atur fokus pada input dengan mengklik satu tombol, dan hilangkan fokusnya dengan mengklik tombol lainnya:

<input value="text" id="input">
<input type="button" value="focus" id="focus">
<input type="button" value="blur"  id="blur">

let input = document.querySelector('#input');
let focus = document.querySelector('#focus');
let blur  = document.querySelector('#blur');

// Saat tombol focus diklik, atur fokus ke input:
focus.addEventListener('click', function() {
	input.focus();
});

// Saat tombol blur diklik, hilangkan fokus dari input:
blur.addEventListener('click', function() {
	input.blur();
});

Lihat juga

metode blur,
yang dapat digunakan untuk menghilangkan fokus pada elemen