Fokus og blur metoder i JavaScript

Du ved allerede, hvad inputfokus er. Du ved også, hvordan man sætter eller mister fokus: for at sætte fokus skal du klikke i inputfeltet, og for at miste det - et andet sted.

I JavaScript findes der dog specielle metoder, der giver mulighed for at tvinge fokus i et inputfelt eller fjerne det derfra. Disse metoder er focus og blur.

Lad os se deres funktion med et eksempel. Lad os sige, vi har følgende input og knap:

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

Lad os sætte inputfokus på vores input ved at klikke på knappen:

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

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

Der er givet to inputfelter. Gør så, at efter indtastning af to tegn går inputfokus videre til det andet inputfelt, og efter indtastning af to tegn i dette inputfelt - fjernes fokus fra det.