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:

html<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:

javascriptlet elem   = document.querySelector('#elem');
let button = document.querySelector('#button');

button.addEventListener('click', function() {
  elem.focus();
});