GlobalEventHandlers.onblur
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since июль 2015 г..
Свойство onblur из GlobalEventHandlers событий event handler для blur события. Оно доступно дляElement, Document и Window.
Событие blur возникает когда элемент теряет фокус.
Примечание:
Обратным onblur является onfocus.
Syntax
target.onblur = functionRef;
Value
functionRef - это имя функции или function expression. Функция получает объект FocusEvent в качестве единственного аргумента.
Example
В этом примере onblur и onfocus используются для изменения текста в элементе <input>.
HTML
html
<input type="text" value="CLICK HERE" />
JavaScript
js
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
Нажимайте внутри и вне поля формы. Содержимое будет изменятся.
Спецификации
| Specification |
|---|
| UI Events> # event-type-blur> |
| HTML> # handler-onblur> |
Совместимость с браузерами
Loading…
Смотрите также
- Событие
blur - Related event handler:
GlobalEventHandlers.onfocus