Просмотр прослушивателей событий
На вкладке События проводника DOM отображаются события, связанные с элементом DOM. Каждый узел верхнего уровня представляет событие, у которого есть активные подписчики. Узел верхнего уровня содержит вложенные узлы, представляющие зарегистрированные прослушиватели событий для указанного события. Помимо просмотра прослушивателей событий, этой вкладкой можно пользоваться для перехода к расположению прослушивателя событий в коде JavaScript.
Список на вкладке События является динамическим. Если добавить событие во время выполнения приложения, новое событие появится в списке. Прослушиватели событий для элементов кода, которые не являются элементами DOM, таких как xhr, на вкладке События не отображаются.
Просмотр прослушивателей событий
Создайте в Visual Studio приложение JavaScript, используя шаблон проекта "Разделенное приложение".
Открыв шаблон в Visual Studio, выберите Имитатор в раскрывающемся списке рядом с кнопкой Начать отладку на панели инструментов "Отладка" в отладчике. Этот список показан ниже:
.png "Запуск в имитаторе")
Нажмите клавишу F5, чтобы запустить приложение в режиме отладки.
Перейдите в Visual Studio (Alt+Tab или F12).
В проводнике DOM щелкните элемент BODY (или используйте клавишами со стрелками, чтобы выбрать элемент).
Перейдите на вкладку События в области в правой части проводника DOM.
Теперь можно увидеть события с активными подписчиками для элемента BODY, как показано на следующей иллюстрации.
.png "Вкладка \"События\" проводника DOM")
Чтобы найти прослушиватели событий для этих событий, щелкайте связанные ссылки на файл JavaScript.