Metodo focus

Il metodo focus imposta il fuoco su un elemento (più spesso su un input). Ciò significa che in questo input inizierà a lampeggiare il cursore e il testo inserito dalla tastiera andrà proprio in questo input.

Sintassi

elemento.focus();

Esempio

Facciamo clic su un pulsante per impostare il fuoco su un input, e clic su un altro per rimuoverlo :

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

// Cliccando sul pulsante focus imposteremo il fuoco sull'input:
focus.addEventListener('click', function() {
	input.focus();
});

// Cliccando sul pulsante blur rimuoveremo il fuoco dall'input:
blur.addEventListener('click', function() {
	input.blur();
});

Vedi anche

metodo blur,
con cui è possibile rimuovere il fuoco da un elemento