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
- DOM method
HTMLElement.focus()