Главная Веб-программинг JavaScript


События в Web-программировании

 Печать E-mail
Автор Филяев Иван Александрович   
04.09.2010 г.

Рейтинг 2.2/5 (5 голосов)

События в Web-программированииСперва, необходимо определимся с понятием события, вне зависимости от языка веб-программирования. Все, что происходит, когда пользователь работает на компьютере, с точки зрения самой машины (компьютера), представляет собой ни что иное как - событие. Нажимает ли пользователь клавиши на клавиатуре, на мыши, перемещает ли мышь, открывает новые окна, закрывает их, переходит по ссылке, заполняет поля формы, наводит мышь на ссылку - все это - события.

Java Script предоставляет нам гибкие средства, позволяющие запрограммировать отклик на эти события и тем самым оживить страничку. На каждое событие имеется обработчик (перехватчик - handler), который позволяет нам присвоить этому событию определенные действия.

Давайте для начала рассмотрим то, как вставлять Java Script-ы в HTML-документ и функцию Java Script - alert, лишь для того, чтобы можно было приводить примеры обработчика событий.

В HTML-документ Java Script может быть вкючена в следующем обрамлении (паре тэгов):

<script language=JavaScript>
Тут код...
...
</script>


А синтаксис функции alert такой:

alert(желаемый тескт в кавычках);

Пример:


<script language=JavaScript>
alert("Вы нажали не ту клавишу!!!");
</script>


А теперь рассмотрим события:

1. onMouseOver - происходит каждый раз, когда курсор мыши попадает на объект. Объектом может быть ссылка, кнопка, поле формы (о формах в более поздних разделах). Обработчик событий onMouseOver выполняет программу JavaScript. Давайте создадим какую нибудь ссылку (не важно куда ссылающуюся) и приурочим к ней обработчик данного события:

<a href="#" onMouseOver='alert("Вы навели мышь на ссылку");'>Ссылка</a>

 

Посмотрим как это работает, наведите мышь на ссылку, расположеннуую ниже (нажимать на нее не обязательно).

 

Ссылка

 

Обратите внимание на запись обработчика событий. Оказывается его можно записать вместе с атрибутами тэга, без необходимости указания, что это Java Script. Просто надо не забывать еще одной особенности Java Script: все функции и операторы должны завершаться точкой с запятой. Заодно мы сразу поняли, что делает функция alert.

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


2. onMouseOut - пользователь убрал указатель мыши с объекта;
3. onMouseMove - пользователь перемещает мышь по экрану;
4. onClick - пользователь нажал (кликнул) на объекте;
5. onLoad - открытие (загрузка документа). Обычно используется в тэге <boby>. Например: <body onLoad='alert("Страница загружена");'>
6. onUnload - вы покидаете страницу. Пример: <body onUnload='alert("Спасибо за визит!!!");'>
7. onBlur - происходит когда поля формы select, text или textarea теряют фокус;
8. onChange - происходит, когда поля формы select, text или textarea теряют фокус и их значения изменяются;
9. onFocus - происходит, когда поле получает фокус ввода с клавиатуры или щелчком мыши;
10. onSelect - происходит, когда пользователь выбирает некоторый текст внутри поля text или textarea;
11. onSubmit - происходит, когда пользователь отправляет форму на Web-сервер.

Итак, мы рассмотрели наиболее употребимые события общего назначения. Большинство событий привязаны к конкретным объектам. В частности события, описанные в пунктах 7 - 11, относятся к объектам форм.
 

 

Похожие темы

 

Добавить комментарий

Вы можете добавлять комментарии, относящиеся к данной теме. Регистрироваться при этом необязательно.


Защитный код
Обновить

Rambler's Top100