Події jQuery

За допомогою методів цього розділу, Ви можете обробити будь-яку подію, що виникла на сторінці, такі як переміщення курсору миші, натиснути кнопок на клавіатурі або завантаження документа. Ці методи дозволяють працювати як зі стандартними подіями Javascript, так і подіями наданими самою бібліотекою jQuery.

Встановлює обробник події на вибрані елементи сторінки.

Встановлює обробник втрати фокусу, або запускає цю подію.

Встановлює обробник зміни заданого елемента форми, або запускає цю подію.

Встановлює обробник "кліка" мишею по елементу, або, запускає цю подію.

.contextmenu()

Встановлює обробник подвійного "кліку" мишею по елементу, або запускає цю подію.

Встановлює обробник події елементи, відповідні заданому селектору.

У вибраних елементів сторінки видаляє обробники подій, встановлені методом live().

Встановлює обробник помилки під час завантаження елементів (наприклад, відсутність необхідної картинки на сервері).

Встановлює обробник отримання фокусу, або запускає цю подію.

Встановлює обробник отримання фокусу самим елементом чи однією з його дочірніх.

Встановлює обробник втрати фокусу елементом або одним із його дочірніх.

Встановлює обробник(і) двох подій: mouseenter і mouseleave.

Встановлює обробник переходу клавіші клавіатури в натиснутий стан, або запускає цю подію.

Встановлює обробник введення символу з клавіатури або запускає цю подію.

Встановлює обробник повернення клавіші клавіатури в ненатисне стан, або запускає цю подію.

Встановлює обробник подій на вибрані елементисторінки. Метод має одну важливу особливість, яка відрізняє його від bind(): якщо на сторінку будуть вставлені нові елементи, які відповідають поточному селектору, вони також будуть реагувати на задані події.

Встановлює обробник повного завантаження вибраних елементів.

Встановлює обробник натискання кнопки миші на елементі або запускає цю подію.

.mouseenter()

Встановлює обробник появи курсору над елементом, або запускає цю подію.

.mouseleave()

Встановлює обробник виходу курсору з області елемента або запускає цю подію.

Встановлює обробник руху курсора миші всередині елемента, або запускає цю подію.

Встановлює обробник виходу курсору з області елемента або запускає цю подію.

Встановлює обробник повернення кнопки миші в ненатисне стан, або запускає цю подію.

Видаляє з вибраних елементів сторінки обробники подій, встановлені методом .on().

Встановлює обробники подій на вибрані елементи сторінки.

Встановлює обробник події вибраним елементам сторінки. Особливістю методу є те, що обробник буде викликаний не більше одного разу на кожному з елементів.

Встановлює обробник готовності дерева DOM.

Встановлює обробник зміни розмірів вікна браузера або запускає цю подію.

Встановлює обробник "прокручування" елементів документа, або запускає цю подію.

Встановлює обробник виділення тексту всередині елемента або запускає цю подію.

Встановлює обробник відправки форми на сервер або запускає цю подію.

По черзі виконує одну з кількох заданих дій.

Викликає подію вибраних елементів, що призводить до запуску обробників цієї події.

.triggerHandler()

Викликає виконання обробників заданої події у вибраних елементів. Сама подія, при цьому, не відбувається.

Метод необхідний видалення обробників подій, встановлених на вибраних елементах методами bind(), one() чи методами з вузьким призначенням (click(), focus() і.т.д).

.undelegate()

Вибрані елементи сторінки видаляють обробники подій, встановлені методом delegate().

Встановлює обробник виходу зі сторінки (при переході за посиланням, закриття браузера тощо) для об'єкта window.

event.currentTarget

Містить DOM-елемент, подія якого обробляється. Всередині оброблювача поточнийнахід завжди збігається зі змінною цією. Однак, цей елемент може не бути джерелом події, оскільки вона могла бути передана від дочірнього елемента, в результаті "випливання" події, вгору по ієрархії DOM. Початкове джерело події міститься у event.target.

Додаткові дані, які передаються обробнику під час його встановлення.

event.delegateTarget

Містить DOM-елемент, на який дійсно встановлений обробник. Ця властивість має сенс, якщо обробник встановлений делеговано. Якщо обробник встановлений безпосередньо, то значення event.delegateTarget збігатиметься з event.currentTarget.

event.isDefaultPrevented()

Визначає, чи викликався метод event.preventDefault() на даному об'єкті подій.

event.isImmediatePropagationStopped()

Визначає, чи викликався метод event.stopImmediatePropagation() на даному об'єкті подій.

event.isPropagationStopped()

Визначає, чи викликався методevent.stopPropagation() на даному об'єкті подій.

event.metaKey

Визначає, чи була затиснута клавіша META в момент дії події.

event.namespace

Містить рядкове значення простору імен події, що відбулася.

event.pageX

Координати курсору миші щодо верхнього лівого кута документа.

event.pageY

Координати курсору миші щодо верхнього лівого кута документа.

event.preventDefault()

Скасує виконання події. Наприклад, при "кліку" за посиланням, перехід по ній не відбудеться, якщо всередині обробника буде викликаний цей метод.

event.relatedTarget

Чи не поточний DOM-елемент, що бере участь у події. Для події mouseout буде містити елемент, куди перемістився курсор, а для mousein елемент, звідки курсор прийшов.

event.result

Містить значення, яке повернув попередній обробник цієї події. Якщо попереднього оброблювача немає, поверне undefined.

event.stopImmediatePropagation()

Запобігає виконання наступних обробників поточної події, а також подальшу передачу події вгору по ієрархії дерева DOM. Якщо потрібно лише зупинити передачу події вгору ієрархією, а інші обробники на поточному елементі зупиняти не потрібно, скористайтеся методом event.stopPropagation().

event.stopPropagation()

Запобігає подальшій передачі поточної події, вгору по ієрархії дерева DOM (деякі події, такі як click, після виконання на самому елементі, передають його батьківським, що повторюється до самого заснування дерева DOM).

event.target

DOM-елемент є джерелом події.

event.timeStamp

Містить час, коли було здійснено подію. Час представленийкількістю секунд, що минули з 1.01.1970.

event.which

У разі виникнення події, пов'язаної з натисканням клавіш клавіатури або кнопок на сторінці, це поле міститиме інформацію про натиснені клавіші або кнопки. На відміну від стандартних event.keyCode і event.charCode, вміст в event.which кроссбраузерний.

jQuery.proxy()

За заданою функцією, створює іншу таку ж, усередині якої змінна ця буде дорівнювати заданому значенню.