Руководство по HTML

Полный список тегов HTML

Атрибут onfocus события HTML

Атрибут onfocus используется для получения или установки обработчика событий focus текущего элемента. Событие focus вызывается при получении текущим элементом клавиатурного фокуса.

Свойства событий HTML

Онлайн пример

Скрипт выполняется при получении фокуса полем ввода:

Пример

<!DOCTYPE html>
<html>
<head>
<title>Использование атрибута onfocus в HTML (Веб-сайт основного руководства oldtoolbag.com)</title>
<script>
function setStyle(x)
{
　　　　document.getElementById(x).style.background="yellow";
}
</script>
</head>
<body>
<p>Функция setStyle вызывается при получении фокуса полем ввода. Эта функция изменяет цвет фона поля ввода.</p>
Имя: <input type="text" id="fname" onfocus="setStyle(this.id)"><br>
Последний имя: <input type="text" id="lname" onfocus="setStyle(this.id)">
</body>
</html>

Проверьте, ›‹

Совместимость с браузерами

IEFirefoxOperaChromeSafari

Все основные браузеры поддерживают свойство события onfocus

Определение и использование

Свойство onfocus срабатывает при получении элементом фокуса.

Onfocus обычно используется с <input>, <select> и <a>.

Совет:Свойство события, обратное onfocus, этоonblur .

Внимание: Свойство onfocus не может быть использовано для следующих элементов: <base>, <bdo>, <br>. <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> или <title>.

Различия между HTML 4.01 и HTML5

Нет.

Синтаксис

<element onfocus="script">

Значение свойства

Значение	Описание
script	Определяет скрипт, который выполняется при срабатывании события onfocus

Свойства событий HTML

HTML: <template> тег