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 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
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.
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()