Проект Programmers.kz и школа hotPen3D2D предлагает Вам курсы по веб-дизайну, веб-программированию и компьютерной графике. Подробности здесь.

 
Информация к новости

События

Категория: WEB-программирование / JavaScript / Уроки JavaScript

Для начала, давайте определимся с самим понятием события, вне зависимости от языка 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, относятся к объектам форм. Рассмотрению форм, их объектов и связанных с ними событий и будет посвящена следующая статья.

Источник: web-brodilka.ru

Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.