De focus methode

De methode focus stelt de focus in op een element (meestal op een input). Dit betekent dat in deze input de cursor gaat knipperen en ingetypte tekst via het toetsenbord precies in deze input terechtkomt.

Syntaxis

element.focus();

Voorbeeld

Laten we bij een klik op de ene knop de focus op de input instellen, en bij een klik op de andere - verwijderen het:

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

// Bij een klik op de knop focus stellen we de focus in op de input:
focus.addEventListener('click', function() {
	input.focus();
});

// Bij een klik op de knop blur halen we de focus van de input weg:
blur.addEventListener('click', function() {
	input.blur();
});

Zie ook

methode blur,
waarmee je de focus op een element kunt verwijderen