Méthode focus

La méthode focus place le focus sur un élément (le plus souvent sur un input). Cela signifie que le curseur se mettra à clignoter dans cet input et le texte saisi au clavier ira précisément dans cet input.

Syntaxe

élément.focus();

Exemple

Cliquons sur un bouton pour placer le focus sur un input, et sur un autre pour le retirer :

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

// En cliquant sur le bouton focus, on place le focus sur l'input :
focus.addEventListener('click', function() {
	input.focus();
});

// En cliquant sur le bouton blur, on retire le focus de l'input :
blur.addEventListener('click', function() {
	input.blur();
});

Voir aussi

la méthode blur,
qui permet de retirer le focus d'un élément