GlobalEventHandlers.onblur

Свойство onblur из GlobalEventHandlers событий unsupported templ: event для unsupported templ: event события. Оно доступно для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 Standard
# handler-onblur

Совместимость с браузерами

BCD tables only load in the browser

Смотрите также