jQuery события

События клавиатуры

МетодОписание
.keydown()Привязывает JavaScript обработчик событий "keydown" (нажатие на любую клавишу клавиатуры), или запускает это событие на выбранный элемент.
.keypress()Привязывает JavaScript обработчик событий "keypress" (нажатие на любую клавишу клавиатуры кроме специальных - Alt, Ctrl, Shift, Esc, PrScr и тому подобные), или запускает это событие на выбранный элемент.
.keyup()Привязывает JavaScript обработчик событий "keyup" (нажатая клавиша была отпущена), или запускает это событие на выбранный элемент.

События мыши

МетодОписание
.click()Привязывает JavaScript обработчик событий "click" (клик левой кнопкой мыши), или запускает это событие на выбранный элемент.
.contextmenu()Привязывает JavaScript обработчик событий "contextmenu" (вызов контекстного меню на элементе - клик правой кнопкой мыши), или запускает это событие на выбранный элемент.
.dblclick()Привязывает JavaScript обработчик событий "dblclick" (двойной клик левой кнопкой мыши), или запускает это событие на выбранный элемент.
.hover()Связывает один или два обработчика событий для элемента, которые будут выполнены, когда указатель мыши находится на элементе и при его отведении.
.mousedown()Привязывает JavaScript обработчик событий "mousedown" (нажатие кнопки мыши на элементе), или запускает это событие на выбранный элемент.
.mouseenter()Привязывает JavaScript обработчик событий "mouseenter" (срабатывает, когда указатель мыши заходит на элемент), или запускает это событие на выбранный элемент.
.mouseleave()Привязывает JavaScript обработчик событий "mouseleave" (срабатывает, когда указатель мыши выходит из элемента), или запускает это событие на выбранный элемент.
.mousemove()Привязывает JavaScript обработчик событий "mousemove" (срабатывает, когда указатель мыши перемещается внутри элемента), или запускает это событие на выбранный элемент.
.mouseout()Привязывает JavaScript обработчик событий "mouseout" (срабатывает, когда указатель мыши покидает элемент), или запускает это событие на выбранный элемент.
.mouseover()Привязывает JavaScript обработчик событий "mouseover" (срабатывает, когда указатель мыши входит в элемент), или запускает это событие на выбранный элемент.
.mouseup()Привязывает JavaScript обработчик событий "mouseup" (срабатывает, когда указатель мыши находится над элементом и кнопка мыши отпущена), или запускает это событие на выбранный элемент.

События браузера

МетодОписание
.resize()Привязывает JavaScript обработчик событий "resize" (срабатывает при изменении размеров окна браузера), или запускает это событие на выбранный элемент.
.scroll()Привязывает JavaScript обработчик событий "scroll" (срабатывает при прокрутке элементов), или запускает это событие на выбранный элемент.

События формы

МетодОписание
.blur()Привязывает JavaScript обработчик событий "blur" (потеря фокуса элементом), или запускает это событие на выбранный элемент.
.change()Привязывает JavaScript обработчик событий "change" (изменение элемента), или запускает это событие на выбранный элемент. Метод используется с элементами HTML формы.
.focus()Привязывает JavaScript обработчик событий "focus" (получение фокуса элементом), или запускает это событие на выбранный элемент.
.focusin()Привязывает JavaScript обработчик событий "focusin" (получение фокуса элементом, или любым вложенным элементом), или запускает это событие на выбранный элемент. Метод поддерживает всплывающие события (event bubbling).
.focusout()Привязывает JavaScript обработчик событий "focusout" (потеря фокуса элементом, или любым вложенным элементом), или запускает это событие на выбранный элемент. Метод поддерживает всплывающие события (event bubbling).
.select()Привязывает JavaScript обработчик событий "select" (срабатывает при выделении текста), или запускает это событие на выбранный элемент. Метод используется с элементом <input> (с текстовым типом type = "text") и элементом <textarea>.
.submit()Привязывает JavaScript обработчик событий "submit" (обработчик отправки формы), или запускает это событие на выбранный элемент.

Присоединяемые события

МетодОписание
$.proxy()Принимает функцию и возвращает новую, которая всегда будет иметь определенный контекст выполнения.
.off()Позволяет удалить обработчик, или обработчики событий, присоединенные методом .on().
.on()Приcоединяет для выбранных элементов функцию обработчика для одного или нескольких событий.
.one()Приcоединяет для выбранных элементов функцию обработчика, которая будет выполнена не более одного раза к каждому элементу по каждому типу событий.
.trigger()Позволяет выполнить все функции обработчики событий, присоединенные у выбранного элемента для данного типа события.
.triggerHandler()Позволяет вызвать все функции обработчики событий, присоединенные у выбранного элемента по указанному типу событий без вызова самого события.

Свойства и методы объекта Event

jQuery скрывает различия реализации между браузерами, определяя свой собственный объект события. Большинство свойств исходного события копируются и нормализуются в новый объект события. Ниже представлены свойства и методы этого объекта:

Свойство / МетодОписание
event.currentTargetТекущий элемент DOM, находящийся в фазе всплытия (bubbling phase).
event.dataНеобязательный объект данных, передаваемый методу события, когда текущий обработчик события привязывается.
event.delegateTargetВозвращает элемент, к которому был прикреплен вызванный в данный момент обработчик события. Это свойство будет отличаться от свойства event.currentTarget только в том случае, если обработчик события делегирован, а не на прямую привязан к элементу (например, использован jQuery метод .on(), где обработчик событий присоединен к предку элемента).
event.isDefaultPrevented()Возвращает true, если для этого объекта событий вызывался метод event.preventDefault() и false в обратном случае.
event.isImmediatePropagationStopped()Возвращает true, если для этого объекта событий вызывался метод event.stopImmediatePropagation() и false в обратном случае.
event.isPropagationStopped()Возвращает true, если для этого объекта событий вызывался метод event.stopPropagation() и false в обратном случае.
event.metaKeyУказывает, была ли нажата мета клавиша Сmd (Mac) / Windows (Windows), когда событие сработало. Возвращает true, либо false.
event.namespaceПользовательское пространоство имён, определенное при срабатывании события (строковое значение).
event.pageXПозиция курсора мыши относительно левого края документа, или элемента.
event.pageYПозиция курсора мыши относительно верхнего края документа, или элемента.
event.preventDefault()Если этот метод вызывается, то действие события по умолчанию не будет срабатывать. Событие продолжает распространяться, как обычно, только с тем исключением, что событие ничего не делает.
event.relatedTargetДругой элемент DOM, который участвует в событии, если таковой имеется.
event.resultПоследнее значение, возвращаемое обработчиком события, которое было вызвано этим событием, если значение было определено (не равно undefined).
event.stopImmediatePropagation()Прекращает дальнейшую передачу текущего события (метод предотвращает всплытие по дереву DOM) и останавливает цепочку вызова событий для текущего элемента для того случая, если элемент имеет более одного обработчика подобного события.
event.stopPropagation()Прекращает дальнейшую передачу текущего события (метод предотвращает всплытие по дереву DOM).
event.targetDOM элемент, который инициировал событие.
event.timeStampРазница в миллисекундах между тем моментом, когда браузер создал событие и полуночи (Unix-время).
event.typeОписывает тип события, которое было вызвано.
event.whichСвойство указывает на определенную клавишу клавиатуры или кнопку мыши, которая была нажата пользователем.