Опубликовано: 01.04.2011 Последняя правка: 08.12.2015
HTMLXHTML
IEChromeFireFoxOperaSafari

Событие onblur

Событие onblur — это атрибут HTML-тегов, который применяется для вызова скрипта (напр. JavaScript), когда элемент теряет фокус. Потеря фокуса может произойти по нескольким причинам причинами: пользователь кликнул мышкой на зону вне элемента, сделал табуляцию или нажал «горячие клавиши» вследствие чего произошла фокусировка на другом элементе страницы. Также следствием расфокусировки может быть другой сработавший скрипт, например, использующий метод blur или focus.

Тип события

Назначение: служит для вызова скриптов при возникновении определенного события на HTML-странице.

Применяется: в HTML 4.01 и XHTML к тегам <A>, <AREA>, <BUTTON>, <INPUT>, <LABEL>, <SELECT>, <TEXTAREA>.

В HTML 5 событие onblur может использоваться практически со всеми тегами.

Значения

Значением события onblur является код скрипта заключенный в двойные или одинарные кавычки, причем, если применяются двойные кавычки, то внутри тела скрипта можно указывать только одинарные и наоборот.

Значение по умолчанию: нет.

Синтаксис

<input onblur="скрипт">
<button onblur="скрипт">...</button>
<label onblur="скрипт">...</label>
<textarea onblur="скрипт">...</textarea>

Обязательный атрибут: нет.

Пример HTML: применение события onblur к тегу INPUT

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>seodon.ru - Тег INPUT, событие onblur</title>
  <script type="text/javascript">
   function foncolor(color) {
    document.bgColor=color;
   }
  </script>
 </head>
 <body>
  <div>
   <input type="text" size="20" value="Имя или код цвета" onblur="foncolor(this.value)">
  </div>
 </body>
</html>

Результат примера

В этом примере изменяется цвет фона страницы при вводе соответствующего параметра в текстовое поле и его расфокусировке.

Поддержка версиями HTML

Версия:HTML 4.01HTML 5XHTML 1.0XHTML 1.1
Поддержка:ДаДаДаДа

Поддержка браузерами

Браузер:Internet ExplorerGoogle ChromeMozilla FirefoxOperaSafari
Версия:6.0 и выше2.0 и выше2.0 и выше9.2 и выше3.1 и выше
Поддержка:ДаДаДаДаДа