HTMLElement: blur() method

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

The HTMLElement.blur() method removes keyboard focus from the current element.

Syntax

js
blur()

Parameters

None.

Return value

None (undefined).

Examples

Remove focus from a text input

HTML

html
<input type="text" id="sampleText" value="Sample Text" /> <br /><br />
<button type="button" onclick="focusInput()">Click me to gain focus</button>

JavaScript

js
function focusInput() {
  const textField = document.getElementById("sampleText");

  textField.focus();

  // The input will lose focus after 3 seconds
  setTimeout(() => {
    textField.blur();
  }, 3000);
}

Result

Specifications

Specification
HTML
# dom-blur-dev

Browser compatibility

BCD tables only load in the browser

See also