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

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

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

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

Атрибут событий	Chrome	Firefox	Opera	Safari	IExplorer	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>. Атрибуты событий