共用方式為


如何檢視事件接聽程式

DOM 總管的 [事件] 索引標籤會顯示與 DOM 項目相關聯的事件。每個最上層節點表示具有有效訂閱者的事件。這個最上層節點包含表示特定事件之已登錄事件接聽程式的子節點。除了檢視事件接聽程式,您還可以使用這個索引標籤巡覽至 JavaScript 程式碼中事件接聽程式的位置。

[事件] 索引標籤上的清單是動態的。如果您在應用程式執行時加入事件,則新事件會在該處顯示。不是 DOM 項目 (如 xhr) 的程式碼項目事件接聽程式,就不會出現在 [事件] 索引標籤。

檢視事件接聽程式

  1. 在 Visual Studio 中,建立使用分割應用程式專案範本的 JavaScript 應用程式。

  2. 這個範本在 Visual Studio 中開啟時,選取在 [偵錯] 工具列上 [開始偵錯] 按鈕旁邊下拉式清單中的 [模擬器]。此清單顯示在這裡:

    在模擬器中執行

  3. 請按 F5 以偵錯模式執行應用程式。

  4. 切換至 Visual Studio (Alt+Tab 或 F12)。

  5. 在 [DOM 總管] 中,按一下 [BODY] 元素 (或使用方向鍵選取元素)。

  6. 在 [DOM 總管] 右邊的窗格中按一下 [事件] 索引標籤。

    您現在可以看到具有 BODY 項目有效訂閱者的事件,如下圖所示。

    [DOM 總管] 的 [事件] 索引標籤

    若要尋找這些事件的事件接聽程式,請按一下關聯的 JavaScript 檔案連結。

請參閱

概念

快速入門:偵錯應用程式 (JavaScript)

如何檢查 CSS 規則

如何檢視和編輯版面配置