Отправляет email-рассылки с помощью сервиса Sendsay

Программирование на JavaScript

  Все выпуски  

Азы и секреты программирования на JavaScript.


Служба Рассылок Subscribe.Ru
Азы и секреты программирования на JavaScript

Ссылка на архив предыдущих выпусков: http://www.b-soft.ru/scripting/
Статистика рассылки: http://subscribe.ru/stat/comp.soft.prog.javascript/
Форум по языкам сценариев: http://www.b-soft.ru/phorum/

Сценарий и обработка событий.

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

Когда событие происходит, броузер пропускает его через объектную модель, и мы можем выбрать, как нашему коду на это событие реагировать. Не вдаваясь в подробности, будем полагать, что объектная модель - это, фактически, просто интерфейс между исходным текстом страницы на языке HTML и программой броузера, которая создает окно и заполняет его элементами, которые определены на странице. Как он это делает, для нас не важно. Dynamic HTML определяет, каким должен быть результат, а методы, которыми этот результат достигается, разработчики веб-броузеров определяют самостоятельно.

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

Когда вы выполняете некоторое действие в среде Windows, например, щелкаете на окне мышью, операционная система формирует событие. Мы можем связать код на нашей странице с событиями, которые могут происходить, и использовать эту связь для организации взаимодействия пользователя со страницей.

Если пользователь нажмет кнопку мыши во время нахождения курсора над окном броузера, Windows пошлет броузеру сообщение, содержащее информацию о том, какая именно кнопка нажата, какие при этом удерживаются клавиши, а также о положении курсора на экране. В приведенном ниже примере показано, как получать эти данные:

<H2 onmousedown="alert_event();"> Щелкни тут, удерживая Shift, Ctrl или Alt. </H2>

Броузер решает, обрабатывать ли ему это событие. Если щелкнули на одной из кнопок панели инструментов, броузер сделает то, для чего служит выбранная кнопка панели. Если же курсор мыши во время нажатия на кнопку будет над рабочей областью отображаемой HTML страницы, броузер пропустит ее через свою объектную модель к странице. На этой странице мы можем написать сценарий, который будет реагировать на нужные события.

Также действует и обратный путь. Если мы решаем ответить на событие, то инструкции идут от нашего кода обратно к броузеру с помощью все той же объектной модели. Броузер решает, что сделать со страницей, и сообщает операционной системе. Windows обновляет экран, и появляется измененная страница. В нашей воле задать, на какие события в каком месте экрана отвечать странице и какие инструкции при этом будут даны броузеру.

Итак, все что нам нужно сделать, - это "захватить" событие, передав его коду на странице, после чего решить, нужно-ли коду на него реагировать. Существует 39 событий, которые броузер может передать вашему коду, правда каждый отдельный тег имеет свое, ограниченное их количество. Например, заголовок страницы <H2>, рассмотренный в примере, поддерживает обработку 14 событий. Рассмотрим способы связи событий с работой вашего кода.

Обработка событий в языке JavaScript

Продолжение в следующем выпуске.


Ссылка на архив предыдущих выпусков: http://www.b-soft.ru/scripting/
Статистика рассылки: http://subscribe.ru/stat/comp.soft.prog.javascript/
Форум по языкам сценариев: http://www.b-soft.ru/phorum/
Автор и ведущий рассылки И. Балезин
Материалы для Web-мастера.


http://subscribe.ru/
E-mail: ask@subscribe.ru
Отписаться
Убрать рекламу

В избранное