Metode focus

Die metode focus stel fokus op 'n element (meestal op 'n invoerveld). Dit beteken dat die kurator in hierdie invoerveld sal begin flikker en toetsenbordinsette sal presies in hierdie invoerveld verskyn.

Sintaksis

element.focus();

Voorbeeld

Kom ons stel fokus op die invoerveld wanneer op een knoppie geklik word, en verwyder dit wanneer op 'n ander geklik word:

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

// Wanneer op die focus-knoppie geklik word, stel fokus op die invoerveld:
focus.addEventListener('click', function() {
	input.focus();
});

// Wanneer op die blur-knoppie geklik word, verwyder fokus van die invoerveld:
blur.addEventListener('click', function() {
	input.blur();
});

Kyk ook

metode blur,
waarmee jy fokus op 'n element kan verwyder