Что такое события Javascript, виды событий

Оглавление

Оглавление. 1

Введение. 3

Что такое события Javascript, виды событий. 3

Обработчики событий. 5

Через атрибут HTML-тега. 6

Через свойство объекта. 7

Объект событие – event 8

Библиотека Jquery. 9

Выборки и селекторы.. 10

Аттрибуты элементов. 12

События. 14

Анимации. 17

Манипуляции DOM.. 22

AJAX.. 25

Заключение. 26

Дополнительный материал: 26

Литература. 26

Введение

Из предыдущей лекции мы узнали, как генерировать и изменять DOM-модель страницы. Но когда этот код должен выполнятся? Наверняка по нажатию кнопки или наведению мышки, или нажатию Enter. Чтобы реализовать это поведение в браузере javascript использует события. О том, какие бывают события и как назначить обработчик на то или иное действие, мы с Вами и поговорим в данной лекции.

Что такое события Javascript, виды событий

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

· DOM-события, которые инициируются элементами DOM. Например, событиеclick происходит при клике на элементе, а событие mouseover - когда указатель мыши появляется над элементом,

· События окна. Например событие resize - при изменении размера окна браузера,

· Другие события, например load, readystatechange. Они используются, скажем, в технологии AJAX.

Именно DOM-события связывают действия, происходящие в документе, с кодом JavaScript, тем самым обеспечивая динамический веб-интерфейс.

Событие	Поддерживающие HTML-элементы	Описание	Метод имитации
onAbort	IMG	Прерывание загрузки изображения
onBlur	A, AREA, BUTTON, INPUT, LABEL, SELECT, TEXTAREA	Потеря текущим элементом фокуса, т.е. переход к другому элементу. Возникает при щелчке мышью вне элемента либо нажатии клавиши табуляции	blur()
onChange	INPUT, SELECT, TEXTAREA	Изменение значений элементов формы. Возникает после потерей элементом фокуса, т.е. после события blur	change()
onClick	* Практически все HTML-элементы	Одинарный щелчок (нажата и отпущена кнопка мыши)	click()
onDblClick	* Практически все HTML-элементы	Двойной щелчок
onError	IMG, WINDOW	Возникновение ошибки выполнения сценария
onFocus	A, AREA, BUTTON, INPUT, LABEL, SELECT, TEXTAREA	Получение элементом фокуса (щелчок мышью на элементе или очередное нажатие клавиши табуляции)	focus()
onKeyDown	* Практически все HTML-элементы	Нажата клавиша на клавиатуре
onKeyPress	* Практически все HTML-элементы	Нажата и отпущена клавиша на клавиатуре
onKeyUp	* Практически все HTML-элементы	Отпущена клавиша на клавиатуре
onLoad	BODY, FRAMESET	Закончена загрузка документа
onMouseDown	* Практически все HTML-элементы	Нажата кнопка мыши в пределах текущего элемента
onMouseMove	* Практически все HTML-элементы	Перемещение курсора мыши в пределах текущего элемента
onMouseOut	* Практически все HTML-элементы	Курсор мыши выведен за пределы текущего элемента
onMouseOver	* Практически все HTML-элементы	Курсор мыши наведен на текущий элемент
onMouseUp	* Практически все HTML-элементы	Отпущена кнопка мыши в пределах текущего элемента
onMove	WINDOW	Перемещение окна
onReset	FORM	Сброс данных формы (щелчок по кнопке <input type="reset">)	reset()
onResize	WINDOW	Изменение размеров окна
onSelect	INPUT, TEXTAREA	Выделение текста в текущем элементе
onSubmit	FORM	Отправка данных формы (щелчок по кнопке <input type="submit">)	submit()
onUnload	BODY, FRAMESET	Попытка закрытия окна браузера и выгрузки документа