YouTube

Got a YouTube account?

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

Russian subtitles

← What are Browser Events

Get Embed Code
12 Languages

Showing Revision 2 created 12/10/2018 by Anton Kozlov.

  1. События в реальной жизни просто действия,
    которые происходят в определенное время.

  2. Например, в баскетболе,
    когда мяч проходит через кольцо,
  3. бросающая команда получает очки.
  4. Событие: мяч проходит через кольцо.
  5. Результат: очки команде, забросившей мяч.
  6. Существуют события в браузере.
  7. Когда двигаешь мышкой,
    нажимаешь на ссылку,
  8. отправляешь форму… вообще что-то делаешь,
  9. браузер объявляет выполненное действие.
  10. Хочу показать, что браузер делает
    на самом деле.
  11. В Google Chrome есть удобная функция.
  12. Функция monitorEvents
    позволяет проследить за процессом
  13. и увидеть, как работают события.
  14. Функция требует указать название элемента,
    за событиями которого надо следить.
  15. Эта функция работает только в консоли
    (инструменты разработчика Chrome).
  16. Не пытайтесь использовать ее
    в файлах JavaScript.
  17. Это не сработает —
    возникнет ошибка обращения.
  18. Хватит предупреждений, разберемся
    с данными, которые предоставляет функция.
  19. На этой странице у меня
    обычное текстовое поле ввода.
  20. Сначала я выделю все элементы ввода
    на странице с помощью JQuery.
  21. Затем я выберу только первый из них.
  22. Потом я вызову функцию monitorEvents
  23. и укажу в ней переменную —
    первое поле ввода.
  24. Функция monitorEvents следит
    за событиями элемента
  25. и записывает их.
  26. Я поработаю с текстовым полем
    и Chrome покажет все события.
  27. Видим, что функция monitorEvents
    позволяет увидеть работу браузера изнутри,
  28. при взаимодействии с элементом страницы.