Веб-программирование

Обучение программированию

Делаете первые шаги в программировании? Представляем вашему вниманию пошаговое обучение самостоятельного создания сайтов любой сложности на примерах! На страницах сайта KobRU вы найдете все самое необходимое, для того чтобы по праву считаться веб-мастером по созданию привлекательных динамически изменяемых интернет-страниц, используя основные инструменты веб-разработчиков: HTML; CSS; PHP; MySQL; JAVASCRIPT и другие. Сайт KobRU - наиболее полное и качественно структурированное руководство с предельно понятными пояснениями и поэтапным изложением материала, который поможет вам в совершенстве овладеть искусством программирования. Добавьте динамики и интерактивность в свои веб-проекты!

Вход в личный кабинет

Забыли пароль?

Не зарегистрированны?


Конструкторское Web-бюро

10.1 События и обработчики событий

Определение событий

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

Сразу отметим, что существуют разные модели обработки событий. Одна из которых стандартизирована объектной моделью документа, ее еще называют модель Firefox, она более прогрессивная и в ней больше возможностей, но зато не поддерживается Internet Explorer (IE < 8). Другие более простые, но зато поддерживается всеми современными Web-обозревателями. Рассмотрим их.

Более подробно...


10.2 Получение информации о событии

Объект Event

Web-обозреватели позволяют нам получить дополнительную информацию о событиях, например, о том, была ли нажата клавиша или координаты курсора мыши. Для этих целей объектная модель документа предусматривает особый объект Event, который поддерживает весьма большой набор свойств, дозволяющих нам отслеживать каждое наступившее событие. Следует также отметить, что получение такой информации в разных браузерах выполняется по разному и модель обработки события в этом случае не играет никакой роли!

Более подробно...


10.3 Всплытие и перехват событий

Всплытие событий

Данная концепция, известная как event bubbling означает, что на одно и то же событие могут отвечать сразу несколько элементов. Предположим, что у нас есть элемент DIV, в котором мы поместили абзац со ссылкой внутри:


  
<div id="main">
<p id="par1">Это абзац со ссылкой внутри <a id="link1" href="10-2.html">ССЫЛКА</a></p>
</div>

Теперь присвоим обработчик событию щелчка по ссылке, где пропишем, что никуда переходить нам не нужно и выведем сообщение в модальное окно:

Более подробно...



Метки раздела JavaScript

Основы web программирования, var javascript, javascript функции, javascript обучение, javascript простые примеры, html javascript, javascript примеры, javascript random, уроки сайтостроения, java script, регулярные выражения, appendchild javascript, javascript бесплатно, javascript document write, javascript справочник, javascript примеры.