Focus() javascript

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

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

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

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

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

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

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

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

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

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

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

Наверх

Источник: Создание сайтов