Рубрика: События jQuery

События jQuery и их обработка являются важнейшей составляющей большинства скриптов. События – это реакция браузера на простейшие действия пользователя и умение работать с ними помогает сделать веб-страницы интерактивными.

Вы можете обработать любое событие, возникшее на странице, такие как перемещение курсора мыши, нажатие кнопок на клавиатуре или загрузка документа. Эти методы позволяют работать как со стандартными событиях Javascript, так и с событиями предоставленными самой библиотекой jQuery.

Список функций

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

.error() – устанавливает обработчик ошибки при загрузке элементов (например отсутствие необходимой картинки на сервере).

.resize() – устанавливает обработчик изменения размеров окна браузера, либо, запускает это событие.

.scroll() – устанавливает обработчик “прокрутки” элементов документа, либо, запускает это событие.

Загрузка документа

.load() – устанавливает обработчик полной загрузки выбранных элементов (метод устарел с версии jQuery 1.8).

.ready() – устанавливает обработчик готовности дерева DOM.

.unload() – устанавливает обработчик выхода со страницы (при переходе по ссылке, закрытии браузера и.т.д.) для объекта window (метод устарел с версии jQuery 1.8).

Прикрепление обработчиков

.bind() – устанавливает обработчик события на выбранные элементы страницы. Обработчик не сработает на элементах, появившихся после его установки.

.delegate() – устанавливает обработчик события на элементы, соответствующие заданному селектору.

.on() – универсальный метод для установки обработчиков событий на выбранные элементы страницы.

.off() – удаляет с выбранных элементов страницы обработчики событий, установленные с помощью метода .on().

.one() – устанавливает обработчик события выбранным элементам страницы. Особенностью метода является то, что обработчик будет вызван не более одного раза, на каждом из элементов.

.trigger() – вызывает событие у выбранных элементов, что приводит к запуску обработчиков этого события.

.triggerHandler() – вызывает выполнение обработчиков заданного события у выбранных элементов. Cамо событие, при этом, не происходит.

.unbind() – метод необходим для удаления обработчиков событий, установленных на выбранных элементах методами bind(), one() или методами с узким назначением (click(), focus() и.т.д).

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

.keydown() – устанавливает обработчик перехода клавиши клавиатуры в нажатое состояние, либо, запускает это событие.

.keypress() – устанавливает обработчик ввода символа с клавиатуры, либо, запускает это событие.

.keyup() – устанавливает обработчик возвращения клавиши клавиатуры в ненажатое состояние, либо, запускает это событие.

События мыши

.click() – устанавливает обработчик “клика” мышью по элементу, либо, запускает это событие.

.contextmenu() – устанавливает обработчик вызова контекстного меню на элементе (“клик” правой кнопкой мыши).

.dblclick() – устанавливает обработчик двойного “клика” мышью по элементу, либо, запускает это событие.

.hover() – устанавливает обработчик(и) двух событий: mouseenter и mouseleave.

.mousedown() – устанавливает обработчик нажатия кнопки мыши на элементе, либо, запускает это событие.

.mouseenter() – устанавливает обработчик появления курсора над элементом, либо, запускает это событие.

.mouseleave() – устанавливает обработчик выхода курсора из области элемента, либо, запускает это событие.

.mousemove() – устанавливает обработчик движения курсора мыши внутри элемента, либо, запускает это событие.

.mouseout() – устанавливает обработчик выхода курсора из области элемента, либо, запускает это событие.

.mouseover() – устанавливает обработчик появления курсора над элементом, либо, запускает это событие.

.mouseup() – устанавливает обработчик возвращения кнопки мыши в ненажатое состояние, либо, запускает это событие.

.toggle() – поочередно выполняет одно из нескольких заданных действий.

jQuery24.11.201717.05.2018

.submit() – обработчик отправки формы на сервер

.submit() – устанавливает обработчик отправки формы на сервер, либо запускает это событие.

jQuery17.11.201724.05.2021

Обработчик выделения текста .select()

.select() – устанавливает обработчик выделения текста внутри элемента или запускает это событие.

jQuery14.11.201701.01.2021

Работа с вертикальным скроллингом элементов .scrollTop()

.scrollTop() – получает или устанавливает вертикальное положение скроллинга.

jQuery10.11.2017

Работа с горизонтальным скроллингом элементов .scrollLeft()

.scrollLeft() – получает или устанавливает горизонтальное положение скроллинга.

jQuery08.11.201713.11.2017

Обработчик “прокрутки” элементов документа .scroll()

.scroll() – устанавливает обработчик “прокрутки” элементов документа, либо, запускает это событие.

jQuery27.10.2017

Обработчик изменения окна браузера .resize()

.resize() – устанавливает обработчик изменения размеров окна браузера, либо, запускает это событие.

jQuery13.10.201713.10.2017

Установка обработчика готовности дерева DOM .ready()

.ready() – Устанавливает обработчик готовности дерева DOM.

jQuery10.10.201726.10.2017

Установка разового обработчика событий .one()

.one() – устанавливает обработчик события выбранным элементам страницы. Особенностью метода является то, что обработчик будет вызван не более одного раза, на каждом из элементов.

jQuery13.07.201711.05.2018

.off() – удаление обработчиков событий

.off() – удаляет с выбранных элементов страницы обработчики событий, установленные с помощью метода .on()

jQuery08.07.201711.05.2018

.on() – установка обработчика событий

.on() – устанавливает обработчики событий на один или несколько выбранных элементов страницы.