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
Specification
Specification | Status | Comment |
---|---|---|
HTML Living StandardThe definition of 'blur' in that specification. | Living Standard | |
HTML 5.1The definition of 'blur' in that specification. | Recommendation | |
HTML5The definition of 'blur' in that specification. | Recommendation | |
Document Object Model (DOM) Level 2 HTML SpecificationThe definition of 'blur' in that specification. | Obsolete |
Browser compatibility
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Update compatibility data on GitHub
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
blur
|
Chrome
Full support 1 |
Edge
Full support 12 |
Firefox
Full support 5 |
IE
Full support 9 |
Opera
Full support 8 |
Safari
Full support 3 |
WebView Android
Full support 4.4 |
Chrome Android
Full support 18 |
Firefox Android
Full support 5 |
Opera Android
Full support 10.1 |
Safari iOS
Full support 1 |
Samsung Internet Android
Full support 1.0 |
Legend
- Full support
- Full support
See also
- DOM method
HTMLElement.focus()
HTMLElement.blur() by Mozilla Contributors is licensed under CC-BY-SA 2.5.