如何檢視事件接聽程式
DOM 總管的 [事件] 索引標籤會顯示與 DOM 項目相關聯的事件。每個最上層節點表示具有有效訂閱者的事件。這個最上層節點包含表示特定事件之已登錄事件接聽程式的子節點。除了檢視事件接聽程式,您還可以使用這個索引標籤巡覽至 JavaScript 程式碼中事件接聽程式的位置。
[事件] 索引標籤上的清單是動態的。如果您在應用程式執行時加入事件,則新事件會在該處顯示。不是 DOM 項目 (如 xhr) 的程式碼項目事件接聽程式,就不會出現在 [事件] 索引標籤。
檢視事件接聽程式
在 Visual Studio 中,建立使用分割應用程式專案範本的 JavaScript 應用程式。
這個範本在 Visual Studio 中開啟時,選取在 [偵錯] 工具列上 [開始偵錯] 按鈕旁邊下拉式清單中的 [模擬器]。此清單顯示在這裡:
請按 F5 以偵錯模式執行應用程式。
切換至 Visual Studio (Alt+Tab 或 F12)。
在 [DOM 總管] 中,按一下 [BODY] 元素 (或使用方向鍵選取元素)。
在 [DOM 總管] 右邊的窗格中按一下 [事件] 索引標籤。
您現在可以看到具有 BODY 項目有效訂閱者的事件,如下圖所示。
若要尋找這些事件的事件接聽程式,請按一下關聯的 JavaScript 檔案連結。