Methode focus

Die Methode focus setzt den Fokus auf ein Element (meistens auf einem Input). Das bedeutet, dass in diesem Input der Cursor zu blinken beginnt und der von der Tastatur eingegebene Text genau in diesen Input gelangt.

Syntax

element.focus();

Beispiel

Lassen Sie uns bei einem Klick auf einen Button den Fokus auf einem Input setzen und bei einem Klick auf einen anderen - ihn entfernen:

<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');

// Bei einem Klick auf den Button focus setzen wir den Fokus auf den Input:
focus.addEventListener('click', function() {
	input.focus();
});

// Bei einem Klick auf den Button blur entfernen wir den Fokus vom Input:
blur.addEventListener('click', function() {
	input.blur();
});

Siehe auch

die Methode blur,
mit der man den Fokus auf einem Element entfernen kann