Método focus

El método focus establece el foco en un elemento (más comúnmente en un input). Esto significa que en este input comenzará a parpadear el cursor y el texto introducido por el teclado irá precisamente a este input.

Sintaxis

elemento.focus();

Ejemplo

Hagamos que al hacer clic en un botón se establezca el foco en un input, y al hacer clic en otro, se quite:

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

// Al hacer clic en el botón focus estableceremos el foco en el input:
focus.addEventListener('click', function() {
	input.focus();
});

// Al hacer clic en el botón blur quitaremos el foco del input:
blur.addEventListener('click', function() {
	input.blur();
});

Véase también

método blur,
con el cual se puede quitar el foco de un elemento