YouTube

Got a YouTube account?

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

Ukrainian subtitles

← What are Browser Events

Get Embed Code
12 Languages

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

  1. Події в реальному житті приймають форму певних дій,

  2. які стаються у певний час.
  3. Наприклад, у баскетболі коли м'яч проходить крізь кільце.
  4. Команда отримує очки.
  5. Подія - це коли м'яч проходить крізь кільце.
  6. Фінальна дія - це коли команда отримує очки
  7. Браузер також має події.
  8. Кожного разу коли ви рухаєте мишку, клікаєте на посилання,
  9. надсилаєте форму або робите будь-що,
  10. ваш браузер повідомляє про зроблену дію.
  11. Я хочу показати вам, що насправді робить браузер.
  12. Google Chrome надає зручну функцію.
  13. Функція monitorEvents дає можливість заглянути під капот,
  14. щоб побачити які події відбуваються.
  15. Ви вводите в функцію елемент на сторінці, який хочете
  16. побачити у подіях.
  17. Зараз цю функцію можна використати тільки в консолі на Chrome Dev Tools.
  18. Не намагайтеся використати цю функцію в JavaScript файлі.
  19. Воно не спрацює і відправить помилку.
  20. Після цього застереження покажу вам який зворотній зв'язок це надає.
  21. На цій сторінці ви бачите просте текстове поле.
  22. Спочатку я використаю jQuery, щоб обрати всі вхідні елементи на сторінці.
  23. тоді я обираю найперший.
  24. Потім я викличу функцію monitorEvents і
  25. введу змінну, що має перший вхідний елемент.
  26. Функція monitorEvents проглядає елементи для подій і
  27. зображує їх.
  28. Я взаємодіятиму з текстовим полем і побачу, як Chrome зображує всі події.
  29. Ви помітили що, використовуючи функцію monitorEvents,
  30. ви можете бачити що браузер робить, коли ви взаємодієте з елементами сторінки
  31. різними способами.