W3cubDocs

/Web APIs

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

blur()

Parameters

None.

Return value

None (undefined).

Examples

Remove focus from a text input

HTML

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

JavaScript

const textField = document.getElementById("sampleText");
const button = document.querySelector("button");

function focusInput() {
  textField.focus();

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

button.addEventListener("click", focusInput);

Result

Specifications

Specification
HTML> # dom-blur-dev>

Browser compatibility

	Desktop					Mobile
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari on IOS	Samsung Internet	WebView Android	WebView on iOS
`blur`	1	12	1.5	8	3	18	4	10.1	1	1.0	4.4	1