Разработка INTRANET приложений



Bongacams ссылка. |

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


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

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

<TAGeventHandler="JavaScriptCode">

Здесь TAG - это некоторый тег HTML, а eventHandler - имя обработчика событий. Как правило, обработчик событий имеет имя, совпадающее с именем события, с приставкой "on" (см. таблицу 3.2). Заметим, что многие объекты имеют методы, эмулирующие события, но эти методы не запускают обработчик события.

Таблица 3.2. Типы событий и обработчиков

Событие

Когда происходитОбработчик события

blurПотеря фокуса ввода элементом формыonBlur

clickПользователь щелкает мышкой по элементу формы или связиonClick

changeПользователь изменяет значение элемента text, textarea, или выделяет элементonChange

focusУстановка фокуса ввода на элементе формыonFocus

loadПользователь загружает страницу в броузерonLoad

mouseoverПользователь двигает мышью над связью или якоремonMouseOver

selectПользователь выбирает поле ввода элемента формыonSelect

submitПользователь посылает формуonSubmit

unloadПользователь выходит со страницыonUnload

Ниже представлен пример диалога ввода имени пользователя и вывода сообщения приветствия. Нажатие кнопки мыши вне элемента ввода (событие onBlur - потеря фокуса) после набора строки текста приводит к вызову стандартной функции alert для выдачи сообщения.

<SCRIPT> functionsalut (name) { alert ("Здравствуйте, ", name, " !"); } </SCRIPT> <BODY> Введите Ваше имя: <FORM> <INPUTtype="text" name="user" onBlur="salut(this.value)" value=""> </FORM> </BODY>

Другой пример иллюстрирует обработку события onClick при нажатии видео-кнопки документа - вызов функции подтверждения confirm:

<FORM> <INPUTtype="button" name="btn1" value="Выход" onClick="confirm('Вы желаете покинуть страницу')"> </FORM>

Аналогичным образом строятся и другие более сложные диалоги, связанные с проверкой числовых значений при вводе.




Содержание  Назад  Вперед