Знакомства на Just click it
Скоро новый год!
Онлайн радио
Вверх
Новые статьи

Архив

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 кода, которая может оказаться просто необходимой в некоторых ситуациях.

 

 

назад
далее
Наверх
Источник: Создание сайтов
Мы В Контакте Мы на Facebook Лента новостей RSS
Копирование и публикация материалов сайта разрешены только при наличии активной ссылки на источник
2011 - наши дни.. © Контакты | Лого | Реклама на сайте | Вебмастерам
Политика конфиденциальности | Пользовательское соглашение