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

javascriptelemen.focus();

Contoh

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

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

javascriptlet 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