Событие onfocus
Событие onfocus — это атрибут HTML-тегов, который применяется для вызова скрипта (напр. JavaScript), когда элемент получает фокус. Это можно сделать многими способами, например, кликнуть по элементу мышью, перейти к нему с помощью табуляции (клавиша Tab) или «горячих клавиш» (общий атрибут accesskey). Также элемент может получить фокус благодаря какому-нибудь другому скрипту выполняющемуся на HTML-странице, например такому, который использует метод focus.
Чтобы событие onfocus срабатывало при табуляции, для некоторых тегов приходится дополнительно указывать общий атрибут tabindex.
Тип события
Назначение: служит для вызова скриптов при возникновении определенного события на HTML-странице.
Применяется: в HTML 4.01 и XHTML к тегам <A>, <AREA>, <BUTTON>, <INPUT>, <LABEL>, <SELECT>, <TEXTAREA>.
В HTML 5 событие onfocus может использоваться практически со всеми тегами.
Значения
Значением события onfocus является код скрипта заключенный в двойные или одинарные кавычки, причем, если применяются двойные кавычки, то внутри тела скрипта можно указывать только одинарные и наоборот.
Значение по умолчанию: нет.
Синтаксис
<input onfocus="скрипт">
<textarea onfocus="скрипт">...</textarea>
<button onfocus="скрипт">...</button>
<label onfocus="скрипт">...</label>Обязательный атрибут: нет.
Пример HTML: применение события onfocus к тегу 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, событие onfocus</title>
</head>
<body>
<div><input type="text" size="30" onfocus="alert('Введите ваше имя')"></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 и выше |
| Поддержка: | Да | Да | Да | Да | Да |