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>. Атрибуты событий