GlobalEventHandlers.onblur
The onblur
property of the
GlobalEventHandlers
mixin is the event handler for
processing blur
events. It's available on Element
,
Document
, and Window
.
The blur
event is raised when an element loses focus.
Note: The opposite of onblur
is
onfocus
.
Syntax
target.onblur = functionRef;
Value
functionRef
is a function name or a function
expression. The function receives a FocusEvent
object as its sole
argument.
Example
HTML
<input type="text" value="CLICK HERE">
JavaScript
let input = document.querySelector('input');
input.onblur = inputBlur;
input.onfocus = inputFocus;
function inputBlur() {
input.value = 'Focus has been lost';
}
function inputFocus() {
input.value = 'Focus is here';
}
Result
Try clicking in and out of the form field, and watch its contents change accordingly.
Specifications
Specification |
---|
HTML Standard # handler-onblur |
Browser compatibility
BCD tables only load in the browser
In contrast to IE, in which almost all kinds of elements receive the blur
event, only a few kinds of elements on Gecko browsers work with this event.
See also
blur
event- Related event handler:
GlobalEventHandlers.onfocus