Подія onfocus виникає при отриманні елементом фокусу. Наприклад, для текстового поля фокусом називається можливість вводити текст. Подія onfocus за своєю дією протилежна onblur.
Синтаксис
onfocus="<скрипт>"
Значення
Див. скрипт.
Приклад
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Подія onfocus</title> <style> input { border: 1px solid #ccc; /* Параметри рамки */
padding: 3px; /* Поля навколо тексту */
color: #666; /* Колір тексту */
width: 90%; /* Ширина поля */
}
</style>
</head>
<body> <form> <p><input type="text" class="text" value="Введіть текст" onfocus="this.value=''" onblur="this.value='Введіть текст'"></p>
</form>
</body>
</html>У даному прикладі при отриманні фокусу в текстовому полі ховається текст, а при втраті фокусу (подія onblur), навпаки, в поле додається текстовий рядок.
Браузери
| 4 | 12 | 1 | 3.5 | 1 | 1 |
| 1 | 1 | 6 | 1 |
Браузери
У таблиці браузерів застосовуються такі позначення.
- — елемент повний ністю підтримується браузером;
- — елемент браузером не сприймається та ігнорується;
- — при роботі можливо поява різних помилок, або елемент підтримується з застереженнями.
Кількість вказує версію браузреа, починаючи з якої елемент підтримується.
credit">Автор та редактори
Останнє змінення: 19.03. 2018
Редактори: Влад Мержевич