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:

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

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

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