Событие 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.01 | HTML 5 | XHTML 1.0 | XHTML 1.1 |
| Поддержка: | Да | Да | Да | Да |
Поддержка браузерами
| Браузер: | Internet Explorer | Google Chrome | Mozilla Firefox | Opera | Safari |
| Версия: | 6.0 и выше | 2.0 и выше | 2.0 и выше | 9.2 и выше | 3.1 и выше |
| Поддержка: | Да | Да | Да | Да | Да |