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
BCD tables only load in the browser