Metodi focus e blur in JavaScript

Hai già familiarità con il concetto di focus di input. Sai anche come impostare o perdere il focus: per impostarlo devi cliccare sul campo input, e per perderlo - cliccare in un altro punto.

In JavaScript, tuttavia, esistono metodi speciali che permettono di impostare forzatamente il focus in un input o di rimuoverlo. Questi sono i metodi focus e blur.

Vediamo il loro funzionamento con un esempio. Supponiamo di avere un input e un pulsante come questi:

html<input id="elem" value="text">
<input type="submit" id="button">

Facciamo in modo che cliccando sul pulsante si imposti il focus di input sul nostro campo:

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

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