События 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 комментариев