이벤트 수신기를 보는 방법
DOM 탐색기의 이벤트 탭에는 DOM 요소와 연결된 이벤트가 표시됩니다. 각각의 최상위 노드는 활성 구독자가 있는 이벤트를 나타냅니다. 최상위 노드에는 특정 이벤트에 대해 등록된 이벤트 수신기를 나타내는 하위 노드가 포함되어 있습니다. 이벤트를 수신기를 볼 수 있을뿐 아니라 이 탭을 사용하여 JavaScript 코드에서 이벤트 수신기 위치를 탐색할 수도 있습니다.
이벤트 탭의 목록은 동적입니다. 응용 프로그램 실행 중에 이벤트를 추가하면 목록에 새 이벤트가 나타납니다. DOM 요소가 아닌 xhr과 같은 코드 요소에 대한 이벤트 수신기는 이벤트 탭에 나타나지 않습니다.
이벤트 수신기를 보려면
Visual Studio에서 분할 응용 프로그램 프로젝트 템플릿을 사용하는 JavaScript 앱을 만듭니다.
Visual Studio에 템플릿이 열려 있는 상태에서 디버거의 디버그 도구 모음에 있는 디버깅 시작 단추 옆의 드롭다운 목록에서 시뮬레이터를 선택합니다. 아래와 같은 목록이 표시됩니다.
.png "시뮬레이터에서 실행 중")
F5 키를 눌러 디버그 모드에서 응용 프로그램을 실행합니다.
Visual Studio로 전환합니다(Alt+Tab 또는 F12).
DOM 탐색기에서 BODY 요소를 클릭하거나 화살표 키를 사용하여 요소를 선택합니다.
DOM 탐색기의 오른쪽에 있는 창에서 이벤트 탭을 클릭합니다.
이제 다음 그림과 같이 BODY 요소에 대한 활성 구독자가 있는 이벤트를 볼 수 있습니다.
.png "DOM 탐색기의 이벤트 탭")
이러한 이벤트에 대한 이벤트 수신기를 찾으려면 연결된 JavaScript 파일 링크를 클릭합니다.