HTMLElement.blur()

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

Syntax

element.blur();

Examples

Remove focus from a text input

HTML

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

JavaScript

function focusInput() {
  document.getElementById('myText').focus();
}
function blurInput() {
  document.getElementById('myText').blur();
}

Result

Specifications

Specification Status Comment
HTML Living Standard
The definition of 'blur' in that specification.
Living Standard
HTML 5.1
The definition of 'blur' in that specification.
Recommendation
HTML5
The definition of 'blur' in that specification.
Recommendation
Document Object Model (DOM) Level 2 HTML Specification
The definition of 'blur' in that specification.
Obsolete

Browser compatibility

BCD tables only load in the browser

See also