События, связанные с фокусом.

При получении элементом фокуса браузер запускает событие "focus". Когда он теряет фокус, запускается событие "blur".

В отличие от предыдущих событий, эти два не распространяются. Обработчик родительского узла не уведомляется о получении или утрате фокуса дочерним элементом.

Следующий пример демонстрирует текст подсказки для того текстового поля, у которого в данный момент фокус.

<р>Имя: <input type="text" data-help="Ваше полное имя"></р>

<р>Возраст: <input type="text" data-help="Возраст в годах"></р>

<p id="help"></p>

<script>

Var help = document.querySelector("#help");

Var fields = document.querySelectorAll("input");

For (var i = 0; i < fields.length; i++) {

Fields[i].addEventListener("focus", function(event) {

Var text = event.target.getAttribute("data-help");

Help.textContent = text;

});

Fields[i].addEventListener("blur", function(event) {

Help.textContent = "";

});

}

</script>

Объект window получает события focus и blur, когда пользователь выделяет или убирает фокус с закладки браузера или окна браузера, в котором показан документ.