YouTube

Got a YouTube account?

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

Russian subtitles

← Анатомия слушателя событий jQuery

03-07 Анатомия слушателя событий jQuery

Get Embed Code
16 Languages

Showing Revision 21 created 09/24/2018 by AIStr.

  1. Вы исследовали события браузера,
  2. наблюдали их во время их регистрации.
  3. Теперь пришло время слушать их
    и реагировать на них с помощью jQuery.
  4. Для этого нужны три вещи -
  5. нужен элемент для прослушивания,
    событие, на которое мы хотим реагировать,
  6. и необходимые ответные действия.
  7. Давайте я покажу вам пример.
  8. Мне нужен целевой элемент,
    который jQuery будет прослушивать,
  9. поэтому я буду использовать jQuery
    для выбора поля ввода.
  10. Далее - я вызываю метод .on()
  11. В этом методе .on()
    и происходит все волшебство.
  12. Это основной способ, используемый jQuery
    для установки слушателей событий.
  13. Первый аргумент метода .on() -
    это событие, которое я хочу слушать.
  14. Здесь - это нажатие клавиши.
  15. Но это также может быть клик,
    изменение и наведение указателя мыши.
  16. И, наконец,
  17. нужно передать функцию
    с действиями в ответ на событие.
  18. Эта функция называется
    функцией обратного вызова.
  19. Функция обратного вызова,
    передаваемая в метод .on(),
  20. это просто обычная функция JavaScript.
  21. И поэтому она может содержать
    любой код JavaScript,
  22. от изменения содержания страницы
    до аналитического кода.
  23. Я изменю код функции,
    чтобы изменить цвет страницы.
  24. И я проверю это.
  25. ... Смотрится хорошо.
  26. Далее, в контрольной, вы сделаете
    собственный слушатель событий.