Metoderna focus och blur i JavaScript

Du vet redan vad inmatningsfokus är. Du vet också hur du sätter eller förlorar fokus: för att sätta fokus klickar du i fältet och för att förlora det - klickar någon annanstans.

I JavaScript finns det dock speciella metoder som gör det möjligt att tvinga fram fokus till en input eller ta bort den därifrån. Detta är metoderna focus och blur.

Låt oss titta på hur de fungerar med ett exempel. Låt oss säga att vi har följande input och knapp:

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

Låt oss sätta inmatningsfokus på vår input när vi klickar på knappen:

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

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

Två input-fält är givna. Gör så att efter inmatning av två tecken går inmatningsfokus över till den andra inputen, och efter inmatning av två tecken i denna input - tas fokus bort från den.