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
HTML Standard
# dom-blur-dev

Browser compatibility

BCD tables only load in the browser

See also