HTMLElement: blur() method
The HTMLElement.blur() method removes keyboard focus from the current element.
Syntax
js
blur()
Parameters
None.
Return value
None (undefined).
Examples
Remove focus from a text input
HTML
html
<input type="text" id="sampleText" value="Sample Text" /> <br /><br />
<button type="button" onclick="focusInput()">Click me to gain focus</button>
JavaScript
js
function focusInput() {
const textField = document.getElementById("sampleText");
textField.focus();
// The input will lose focus after 3 seconds
setTimeout(() => {
textField.blur();
}, 3000);
}
Result
Specifications
| Specification |
|---|
| HTML Standard # dom-blur-dev |
Browser compatibility
| desktop | mobile | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
blur | |||||||||||