Kaedah focus

Kaedah focus menetapkan fokus pada elemen (selalunya pada input). Ini bermakna, kursor akan berkelip dalam input tersebut dan teks yang dimasukkan dari papan kekunci akan masuk ke dalam input ini.

Sintaks

elemen.focus();

Contoh

Mari kita tetapkan fokus pada input apabila mengklik satu butang, dan hapuskannya apabila mengklik butang lain:

<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');

// Apabila mengklik butang focus, tetapkan fokus pada input:
focus.addEventListener('click', function() {
	input.focus();
});

// Apabila mengklik butang blur, hapuskan fokus dari input:
blur.addEventListener('click', function() {
	input.blur();
});

Lihat juga

kaedah blur,
yang boleh digunakan untuk menghapus fokus pada elemen