GlobalEventHandlers.onblur

Свойство onblur из GlobalEventHandlers событий EventHandler для blur события. Оно доступно дляElement, Document и Window.

Событие blur возникает когда элемент теряет фокус.

Note: Обратным onblur является onfocus.

Syntax

target.onblur = functionRef;

Value

functionRef  - это имя функции или function expression. Функция получает объект FocusEvent в качестве единственного аргумента.

Example

В этом примере onblur и onfocus используются для изменения текста в элементе <input>.

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

Нажимайте внутри и вне поля формы. Содержимое будет изменятся.

Specifications

Specification Status Comment
HTML Living Standard
Определение 'onblur' в этой спецификации.
Живой стандарт  

Browser compatibility

Update compatibility data on GitHub
КомпьютерыМобильные
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome для AndroidFirefox для AndroidOpera для AndroidSafari on iOSSamsung Internet
onblurChrome Полная поддержка ДаEdge Полная поддержка ДаFirefox Полная поддержка ДаIE Полная поддержка ДаOpera Полная поддержка ДаSafari Полная поддержка ДаWebView Android Полная поддержка ДаChrome Android Полная поддержка ДаFirefox Android Полная поддержка ДаOpera Android Полная поддержка ДаSafari iOS Полная поддержка ДаSamsung Internet Android Полная поддержка Да

Легенда

Полная поддержка  
Полная поддержка

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