Metoden focus

Metoden focus sätter fokus på ett element (oftast på en input). Det betyder att en blinkande markör kommer att visas i denna input och text som skrivs på tangentbordet kommer hamna just i denna input.

Syntax

element.focus();

Exempel

Låt oss vid klick på en knapp sätta fokus på en input, och vid klick på en annan - ta bort det:

<input value="text" id="input">
<input type="button" value="focus" id="focus">
<input type="button" value="blur"  id="blur">

let input = document.querySelector('#input');
let focus = document.querySelector('#focus');
let blur  = document.querySelector('#blur');

// Vid klick på knappen focus sätter vi fokus på input:
focus.addEventListener('click', function() {
	input.focus();
});

// Vid klick på knappen blur tar vi bort fokus från input:
blur.addEventListener('click', function() {
	input.blur();
});

Se även

metoden blur,
som kan användas för att ta bort fokus från ett element