Обработчики событий

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

Обработчики событий JavaScript можно помес­тить в дескрипторы HTML так же, как и другие ат­рибуты. Обработку события можно отождествить со строкой программы JavaScript или с функцией JavaScript, объявленной в некотором месте Web-страницы.

Например, обработчик события onclick можно ввести как атрибут дескриптора кнопки <button> и отождествить с функцией blink следую­щим образом.

<button onclick="blink();"/>

Данный дескриптор не только отображает в Web-странице кнопку. После щелчка на этой кнопке выполняется функция blink () JavaScript.

Существует около десяти обработчиков событий JavaScript, которые можно применить при фор­мировании Web-страницы, поместив их в различ­ные места Web-страницы в зависимости от типа события.

События, генерируемые мышью.

Срабатывает обработчик событий

onclick - если пользователь щел­кает кнопкой мыши один раз

ondblclick - если пользователь де­лает двойной щелчок

onmousedown - кнопка мы­ши нажимается

onmouseup - при отпускании кнопки мыши

onmouseover - сигнализирует о том, что указатель мыши расположен на некотором элемен­те

onmouseout - указатель мыши перемещается с элемента.

События, генерируемые клавиатурой.

Срабатывает обработчик событий

Onkeypress - клавиша на клавиа­туре нажимается. Значение, соответствующее нажатой клавише, передается в объект win­dow.event.keycode.

onkeydown - срабатывает после того, как клавиша нажимается и удерживается в нажатом состоя­нии

onkeyup - нажатая клавиша отпущена.

События выбора.

Срабатывает обработчик событий

onfocus - элементу передан фокус. Нажав клавишу <Таb>, можно изменить этот фокус.

onblur - когда элемент теряет фо­кус

onselect - при выборе элемента

Разнородные события.

onchange - происходит всякий раз, когда данные элемента формы изменяются.

onload - используется для установления момента полной загрузки Web-страницы. onunload - Web-стра­ница выгружена. Это происходит, когда пользо­ватель покидает текущую страницу или щелкает на кнопке браузера Обновить (Refresh).

onabort - при отмене операции загрузки Web-страницы в браузер

В HTML-формах имеются две кнопки (submit и reset), выполняющие специфические функции. Эти же функции можно инициировать с помощью обработчиков событий onsubmit и onreset.

Объект Navigator.

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

Например, некоторые возможности JavaScript отличаются для браузеров Microsoft Internet Explorer и Netscape Navigator.

Определив, какой браузер используется, вы полу­чаете возможность применять те или иные средст­ва JavaScript в зависимости от типа браузера.

Объект navigator обладает многими свойствами и методами, необходимыми для определения ти­па системы пользователя. К свойствам объекта navigator относятся следующие свойства:

appCodeName, appName, appVersion, platform и userAgent.

Объект navigator содержит один метод — javaEnabled(). Свойства объекта navigator рассматриваются в разделе "Определение типа броузера, с которым работает пользователь".

3. Порядок выполнения работы

1. Получить вариант задания у преподавателя.

2. Разработать прикладную программу в соответствии с заданием.

3. Подготовить и защитить отчет.

4. Написать и отладить программу на ЭВМ.

5. Сдать работающую программу преподавателю.

4. Требования к оформлению отчета

Отчет должен содержать следующие разделы:

• задание по лабораторной работе;

• текст программы;

• выводы по проделанной работе.

5. Варианты заданий

1. Написать скрипт проверки правильности данных в форме.

2. Написать с помощью JavaScript простейший калькулятор.

3. Написать скрипт, с помощью которого получить информацию о свойствах Web-среды пользователя: название браузера, версия браузера, тип ОС, разрешение экрана, разрешение на использование языка Java для данного браузера и др.

6. Контрольные вопросы

1. Для чего предназначен язык сценариев JavaScript? Его особенности.

2. Какие основные обработчики событий в JavaScript?

3. Для чего используется объект Navigator? Какие его параметры?