Просто блог, і нічого більше

Події та обробка подій в jQuery

Сьогодні поговоримо про події та їх обробку, із використанням бібліотеки jQuery. Події, як і у житті кожного з вас, займають доволі важливу позицію в середовищі Web’а. Ви постійно, до речі, з ними зустрічаєтесь: чи то на сторінці вам прийшла відповідь на певну дію у вигляді зміни кольора , чи сторінка вам видала результат, що ваші дані у формі введені неправильно.

Приклад події у вікні браузера

$(document).ready (function() {
 alert("Сторінку завантажено");
})

Відповідь зі сторони браузера у вигляді модального вікна:

подія з боку браузера

Перелік основних функцій, підготованих бібліотекою jQuery

  • .on() – Встановлює обробники подій на обрані елементи сторінки.
  • .off() – Видаляє з обраних елементів сторінки обробники подій, встановлені за допомогою методу .on ().
  • .bind() – Устанавливает обработчик события на выбранные элементы страницы.
  • .live() – Встановлює обробник подій на обрані елементи сторінки. Метод має одну важливу особливість, що відрізняє його від bind (): якщо на сторінку будуть вставлені нові елементи, які відповідають поточному селектору, то вони також будуть реагувати на задані події.
  • .unbind() – Метод необхідний для видалення обробників подій, встановлених на обраних елементах методами bind (), one () або методами з вузьким призначенням (click (), focus () і т.д).
  • .click() – Встановлює обробник “кліка” мишею по елементу, або, запускає цю подію.
  • .dblclick() – Устанавливает обработчик двойного “клика” мышью по элементу, либо, запускает это событие.
  • .hover() – Встановлює обробник (і) двох подій: mouseenter і mouseleave.
  • .toggle() – По черзі виконує одну з декількох заданих дій.
  • .focus() – Встановлює обробник отримання фокусу, або, запускає цю подію.
  • .blur() – Встановлює обробник втрати фокусу, або, запускає цю подію.