使用Chrome DevTools 查看元素上觸發的事件

要對網頁上的事件處理進行故障排除和優化，您可以使用Chrome DevTools 來檢查在特定元素上觸發的事件。

使用Chrome 網頁執行下列步驟開發人員：

1. 檢查元素：

   • 右鍵點選目標元素並選擇“檢查”或導航至“ DevTools中的「Elements」標籤。 &]
   使用monitorEvents
   :

2. 開啟「控制台」標籤。 ($0) 在控制台中，其中$0代表選定的element.

   • 指定事件類型:

     （可選）提供要監視的事件類型作為第二個參數監視事件，例如，monitorEvents(document.body, 'mouse').
   • 與被檢查元素的交互現在將顯示其事件名稱和關聯數據。 ]

     停止監視:

     • 要停止事件監視，請輸入控制台中的unmonitorEvents($0)。日）
   您可以縮小範圍透過指定以下內容來關閉監視的事件類型：

mouse

3. key：鍵盤事件（向下、向上、點擊等）向上、按下等）

   touch
   • ：觸摸事件（開始、移動、結束、等）
control