Событие onfocus возникает при получении элементом фокуса. Например, для текстового поля фокусом называется возможность вводить текст. Событие onfocus по своему действию противоположно onblur.
Синтаксис
onfocus="<скрипт>"
Значения
См. скрипт.
Пример
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>Событие onfocus</title>
<style>
input {
border: 1px solid #ccc; /* Параметры рамки */
padding: 3px; /* Поля вокруг текста */
color: #666; /* Цвет текста */
width: 90%; /* Ширина поля */
}
</style>
</head>
<body>
<form>
<p><input type="text" class="text" value="Введите текст"
onfocus="this.value=''" onblur="this.value='Введите текст'"></p>
</form>
</body>
</html>
В данном примере при получении фокуса в текстовом поле скрывается текст, а при потере фокуса
(событие onblur), наоборот, в поле добавляется текстовая строка.
Браузеры
Браузеры
В таблице браузеров применяются следующие обозначения.
- — элемент полностью поддерживается браузером;
- — элемент браузером не воспринимается и игнорируется;
- — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.
Число указывает версию браузреа, начиная с которой элемент поддерживается.