Есть желание присоединиться к интересным IT проектам? Смотри открытые вакансии.

HTML атрибут событий onfocus

Атрибуты событий

Значение и применение

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

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

Атрибут событийChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
onfocusДаДаДаДаДаДа

Синтаксис

<element onfocus = "script" >

Пример использования

<!DOCTYPE html>
<html>
<head>
<title>Событие onfocus</title>
</head>
<body>
<p>Кликните по полю, а затем рядом с ним.</p>
<input type = "text" name = "testInput" id = "testInput" onblur = "blurFunction()" onfocus = "focusFunction()">
<script>
function blurFunction() {
	document.getElementById("testInput").style.background = "khaki";
}
function focusFunction() {
	document.getElementById("testInput").style.background = "red";
}
</script>
</body>
</html>

Кликните по полю, а затем рядом с ним. При нажатии на элемент, благодаря атрибуту событий onfocus срабатывает скрипт, когда элемент получает фокус, а благодаря атрибуту событий onblur, скрипт запускается при потере фокуса.



Отличия HTML 4.01 от HTML 5

Нет.

Поддерживаемые теги

Все HTML-элементы, за исключением: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> и <title>. Атрибуты событий
×

Кажется, вы используете блокировщик рекламы :(

Этот ресурс не является коммерческим проектом и развивается на энтузиазме автора сайта, который посвящает все свое свободное время этому проекту.

Добавьте, пожалуйста, basicweb.ru в исключения блокировщика рекламы, этим вы поможете развитию проекта.