jQuery События

---

jQuery специально разработан для обработки событий.

---

Что такое событие?

Реакция страницы на различных посетителей называется событием.

Обработчик события — это метод, который вызывается, когда в HTML происходят определённые события.

Пример:

• Наведение курсора мыши на элемент.
• Выбор радиокнопки
• Щелчок по элементу

Термин "trigger" (или "fire") часто используется в событиях. Например: "Когда вы нажимаете клавишу, запускается событие keypress."

Распространённые события DOM:

События мыши	События клавиатуры	События формы	События документа/окна
click	keypress	submit	load
dblclick	keydown	изменение	resize
mouseenter	keyup	focus	scroll
mouseleave		blur	unload
hover

---

Синтаксис методов событий jQuery

В jQuery большинство DOM-событий имеют эквивалентный метод jQuery.

Укажите событие click на странице:

Следующий шаг — определить событие, запускаемое после щелчка. Это можно сделать с помощью функции события:

---

Часто используемые методы событий jQuery

$(document).ready()

Метод $(document).ready() позволяет нам выполнить функцию после полной загрузки документа. Этот метод события уже упоминался в главеСинтаксис jQuery.

click()

Метод click() вызывает функцию, когда срабатывает событие клика по кнопке.

Эта функция выполняется, когда пользователь щёлкает по HTML-элементу.

В приведённом ниже примере, когда на элементе <p> срабатывает событие click, текущий элемент <p> скрывается:

dblclick()

Когда по элементу дважды щёлкают, возникает событие dblclick.

Метод dblclick() вызывает событие dblclick или задаёт функцию, которая будет выполнена при возникновении события dblclick:

mouseenter()

Когда указатель мыши проходит над элементом, возникает событие mouseenter.

Метод mouseenter() вызывает событие mouseenter или задаёт функцию, которая будет выполнена при возникновении события mouseenter:

mouseleave()

Когда указатель мыши покидает элемент, происходит событие mouseleave.

Метод mouseleave() вызывает событие mouseleave или задаёт функцию, выполняемую при возникновении события mouseleave:

mousedown()

Когда указатель мыши перемещается над элементом и нажата кнопка мыши, происходит событие mousedown.

Метод mousedown() вызывает событие mousedown или задаёт функцию, выполняемую при возникновении события mousedown:

mouseup()

Когда кнопка мыши отпущена над элементом, происходит событие mouseup.

Метод mouseup() вызывает событие mouseup или задает функцию, которая будет выполнена при возникновении события mouseup:

hover()

Метод hover() используется для имитации события наведения курсора.

Когда мышь перемещается над элементом, срабатывает первая указанная функция (mouseenter); когда мышь выходит из этого элемента, срабатывает вторая указанная функция (mouseleave).

focus()

Когда элемент получает фокус, происходит событие focus.

Когда элемент выбран щелчком мыши или сфокусирован с помощью клавиши Tab, элемент получает фокус.

Метод focus() вызывает событие focus или задаёт функцию, выполняемую при возникновении события focus:

blur()

Когда элемент теряет фокус, возникает событие blur.

Метод blur() вызывает событие blur или задаёт функцию, выполняемую при возникновении события blur:

---

Другие расширения