focus method

The focus method sets focus on an element (most often an input). This means that the cursor will start blinking in this input and the text entered from the keyboard will fall into this input.

Syntax

element.focus();

Example

Let's click on one button to set focus on the input, and on click on another - remove it:

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

// By clicking on the focus button, we set the focus to the input:
focus.addEventListener('click', function() {
	input.focus();
});

// By clicking on the blur button, we will remove focus from the input:
blur.addEventListener('click', function() {
	input.blur();
});

focus method

Syntax

Example

See also