JavaScript - Понятие события

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

Создание динамических страниц основывается на следующих возможностях языка JavaScript:

  • управлять окнами браузера с помощью объекта window;
  • управлять документом внутри этого окна с помощью объекта document и других объектов, которые входят в объектную модель документа (DOM);
  • выполнять некоторый код при наступлении определённых событий, т.е. реагировать на определённые действия пользователя.

На предыдущих уроках мы рассмотрели 2 первые возможности языка JavsScript, осталось разобраться только с событиями.

Событие (event) - это некое действие пользователя, а точнее реакция браузера на его действие.

JavaScript - что такое событие?

События бывают простыми и сложными. Примером простого события является mousedown. Данное событие возникает в момент времени, когда пользователь нажал левую кнопку мыши, но её ещё не отпустил. Оно соответствует моменту замыкания электрического контакта кнопки. Другое простое событие - это mouseup, оно возникает в момент времени, когда пользователь отпустил левую кнопку мыши, т.е. в момент размыкания электрического контакта кнопки.

Сложные события - это совокупность нескольких простых событий. Примером сложного события является событие click, оно является результатом двух событий mousedown и mouseup, т.е. оно возникает после того, когда пользователь нажал и отпустил кнопку мыши.

Примером ещё одного сложного события является dblclick, оно возникает, когда пользователь нажал 2 раза левой кнопкой мыши. Данное событие является результатом следующей цепочки событий: mousedown -> mouseup -> click -> mousedown -> mouseup -> click -> dbclick. Данные события возникают последовательно, т.е. сначала возникает событие mousedown, потом mouseup, потом click и т.д.

Чтобы наша программа могла реагировать на возникающие события, на них необходимо подписаться.

JavaScript - подписка на события

Как это? Например, у Вас на странице есть элемент р. Если вы кликните мышкой в области страницы, принадлежащей этому элементу, то он сгенерирует определённое событие. И чтобы нам связать некоторый код с определённым событием, который генерирует определённый элемент нужно выполнить действие, которое называется подпиской на событие. Что это значит? Например, у Вас есть некоторая функция, которая предназначена для обработки этого события. Подписаться на событие - это значить привязать эту функцию к определённому событию определённого объекта (элемента). И когда этот объект создаст (сгенерирует) это событие, то эта функция автоматически будет выполнена.

В языке JavaScript Вы можете подписаться на события объектов документа и окна браузера.



   JavaScript и jQuery 0    1278 0

Комментарии (2)

  1. Антон # 0
    Исправьте заголовок Что необходимо для создания!!! дАнИмАческих веб-страниц
    1. Александр Мальцев # 0
      Спасибо, Антон. Исправил слово.

    Вы должны авторизоваться, чтобы оставлять комментарии.