Разработка магазинов с гарантией попадания в ТОП поисковых систем

Узнать подробнее
Eltisbook > Java Script учебник > Focus() javascript

Focus() javascript

«Focus() javascript» – четырнадцатый урок учебника JavaScript. В этом уроке мы обсудим особенности управления фокусом в JavaScript.

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

Focus() javascript. Основы.

Фокус – состояние объекта, характеризуемое нахождением этого объекта в выделении и поверх остальных объектов. Нахождение объекта в фокусе открывает доступ к большинству методов и свойств работы с ним.

Управляем Focus() javascript в окнах

Если мы имеем дело с объектом класса окно, то для него определенно два основных метода работы с фокусом: focus() иblur(). Метод Focus() javascript позволяет установить фокус на необходимое нам окно, метод blur(), наоборот выводит окно из фокуса:

<script>
function hide_window()
{
wid=window.open(«»,»test», «width=400,height=200»);
wid.opener.focus();
wid.document.open();

}
</script>
<INPUT TYPE=button VALUE=»вызов окна» onClick=»hide_window();»>

В этом примере мы создаем функцию, которая открывает новое окно с заданными параметрами, но окно сразу же теряется из вида, т. к. фокус передается породившему его элементу, а именно данной странице.

Достаточно немного изменить данный скрипт, написав вместо wid.opener.focus(); строку wid.focus(); и созданное нами окно окажется поверх остальных, попав в фокус.

Предлагаю немного доработать нашу программу, предоставив пользователю возможность управлять фокусом:

<script>
function hide_window()
{
wid=window.open(«»,»test», «width=400,height=200»);
wid.opener.focus();
wid.document.open();

}
</script>
<INPUT TYPE=button VALUE=»вызов окна» onClick=»hide_window();»>
<INPUT TYPE=button VALUE=»в фокус» onClick=»wid.focus();»>
<INPUT TYPE=button VALUE=»из фокуса» onClick=»wid.blur();»>

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

Если пользователь нажмет на кнопку в фокус, то окно попадет в фокус wid.focus();, если он нажмет из фокуса, то окно вновь потеряет фокус wid.blur();.

Фокус в полях формы

Управление фокусом актуально не только для окон в JavaScript, но и для многих других элементов, таких например, как формы.

Управление фокусом в формах аналогично управлению фокусом окон в JS, то есть методами focus() и blur().


Сегодня мы разобрались с основами использования Focus() javascript. Использование фокуса позволяет с легкостью объяснить программе, с каким именно элементом или окном мы хотим работать.

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