Métodos focus y blur en JavaScript
Ya sabes qué es el foco de entrada. También sabes cómo establecerlo o perderlo: para establecerlo hay que hacer clic en el campo de entrada, y para perderlo - en algún otro lugar.
En JavaScript, sin embargo, existen métodos
especiales que permiten establecer forzosamente
el foco en un input o quitarlo de allí. Estos
son los métodos focus y blur.
Veamos su funcionamiento con un ejemplo. Supongamos que tenemos el siguiente input y botón:
<input id="elem" value="text">
<input type="submit" id="button">
Hagamos que al hacer clic en el botón se establezca el foco de entrada en nuestro input:
let elem = document.querySelector('#elem');
let button = document.querySelector('#button');
button.addEventListener('click', function() {
elem.focus();
});
Se dan dos inputs. Haz que después de ingresar dos caracteres el foco pase al segundo input, y después de ingresar dos caracteres en este input - el foco se quite de él.
