YouTube

Got a YouTube account?

New: enable viewer-created translations and captions on your YouTube channel!

Ukrainian subtitles

← 03-07 Anatomy_of_a_jQuery_Event_Listener

Get Embed Code
16 Languages

Showing Revision 2 created 04/04/2017 by Yuliya LEONTIEVA.

  1. До цих пір ви шукали події браузера і
  2. побачили де вони розміщаються.
  3. Тепер час послухати і реагувати на них у jQuery.
  4. Потрібні три речі, щоб слухати події і реагувати на них.
  5. Ви маєте слухати цільовий елемент, щоб реагувати на подію, яка нам треба
  6. і виконати у відповідь певні дії.
  7. Давайте покажу вам приклад.
  8. Мені треба цільовий елемент, котрий jQuery буде слухати
  9. для подій, то ж я використаю jQuery, щоб обрати поле вводу
  10. далі я викликаю on метод
  11. З оцим on методом і відбувається магія.
  12. Це основний крок, що використовує jQuery для налаштування обробки подій.
  13. Перший аргумент по on методу - це подія, яку я хочу почути
  14. В цьому прикладі, це натиснення клавіші.
  15. Це міг також бути клік, зміна і "mouseover".
  16. І нарешті,
  17. Треба передати функцію з дій, які мають статися у відповідь.
  18. Ця функція називається функція зворотнього виклику.
  19. Функція callback передається в основі on методу,
  20. і є регулярною функцією JavaScript.
  21. Отже може вміщати будь-який JavaScript код:
  22. від вмісту змінюваної сторінки до аналітики коду.
  23. Я змінюю вміст функції, щоб змінити колір сторінки.
  24. Я його перевірю.
  25. О, виглядає добре.
  26. В наступному завданні ви створите свій власний приймач обробки подій.