HTMLElement.blur

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

Syntax

elt.blur()

Examples

Remove focus from a text area

HTML

<input type="text" id="myText" value="Sample Text">
<p></p>
<button type="button" onclick="focusMethod()">Click me to gain focus</button>
<button type="button" onclick="blurMethod()">Click me to lose focus</button>

JavaScript

focusMethod = function getFocus() {          
  document.getElementById("myText").focus();
}
blurMethod = function getBlur() {          
  document.getElementById("myText").blur();
}

Result

Specification

Browser compatibilityUpdate compatibility data on GitHub

See also

• DOM method HTMLElement.focus()