События jQuery позволяют обрабатывать различные действия совершаемые над элементами страниц сайта. В библиотеке jQuery используются как стандартные события JavaScript, так и собственные.
Базовые события
| Название | Описание |
| .on() | Универсальный метод установки обработчиков событий на элементы |
| off() | Удаляет обработчики, установленные с помощь .on() |
| .one() | Устанавливает обработчик события на выбранные элементы страницы, который сработает только по одному разу, на каждом из элементов |
| .unbind() | Удаляет обработчик событий у выбранных элементов |
| .trigger() | Выполняет указанное событие и запускает его обработчик |
| .triggerHandler() | Запускает обработчик указанного события, без его выполнения |
| jQuery.proxy() | По заданной функции, создает другую, внутри которой this будет равен заданному значению |
| event | Объект с данными о текущем событии |
События мыши
| Название | Описание |
| .click() | Устанавливает обработчик "клика" мышью по элементу, либо, запускает это событие |
| .dblclick() | Устанавливает обработчик двойного "клика" мышью по элементу, либо, запускает это событие |
| .hover() | Устанавливает обработчик двух событий: появления/исчезновения курсора над элементом |
| .mousedown() | Устанавливает обработчик нажатия кнопки мыши, либо, запускает это событие |
| .mouseup() | Устанавливает обработчик поднятия кнопки мыши, либо, запускает это событие |
| .mouseenter() | Устанавливает обработчик появления курсора в области элемента, либо, запускает это событие |
| .mouseleave() | Устанавливает обработчик выхода курсора из области элемента, либо, запускает это событие |
| .mousemove() | Устанавливает обработчик движения курсора в области элемента, либо, запускает это событие |
| .mouseout() | Устанавливает обработчик выхода курсора из области элемента, либо, запускает это событие |
| .mouseover() | Устанавливает обработчик появления курсора в области элемента, либо, запускает это событие |
| .toggle() | Поочередно выполняет одну из двух или более заданных функций, в ответ на "клик" по элементу |
События клавиатуры
| Название | Описание |
| .keydown() | Устанавливает обработчик перехода клавиши клавиатуры в нажатое состояние, либо, запускает это событие |
| .keyup() | Устанавливает обработчик возвращение клавиши клавиатуры в ненажатое состояние, либо, запускает это событие |
| .keypress() | Устанавливает обработчик ввода символа с клавиатуры, либо, запускает это событие |
События формы
| Название | Описание |
| .focus() | Устанавливает обработчик получения фокуса, либо, запускает это событие |
| .blur() | Устанавливает обработчик потери фокуса, либо, запускает это событие |
| .focusin() | Устанавливает обработчик получения фокуса самим элементом или одним из его дочерних |
| .focusout() | Устанавливает обработчик потери фокуса самим элементом или одним из его дочерних |
| .select() | Устанавливает обработчик выделения текста, либо, запускает это событие |
| .submit() | Устанавливает обработчик отправки формы, либо, запускает это событие |
| .change() | Устанавливает обработчик изменения элемента формы, либо, запускает это событие |
События загрузки страницы
| Название | Описание |
| .ready() | Устанавливает обработчик готовности дерева DOM |
| .load() | Устанавливает обработчик завершения загрузки элемента |
| .unload() | Устанавливает обработчик ухода со страницы |
События браузера
| Название | Описание |
| .error() | Устанавливает обработчик ошибки при загрузке элементов |
| .resize() | Устанавливает обработчик изменения размеров окна браузера, либо, запускает это событие |
| .scroll() | Устанавливает обработчик "прокрутки" элементов документа, либо, запускает это событие |
0 комментариев