Chrome開發工具：暫時關閉事件

我有複雜的SPA與組件，點擊時會執行一些DOM操作。Chrome開發工具：暫時關閉事件

如何在不引發任何事件（在操作前查看DOM）的情況下使用Chrome開發工具（默認情況下爲Ctrl + Shift + C）檢查此組件的DOM？

2016-05-31 Утка Учится Укрываться

開發人員控制檯的右側提供了更多控件。您可以單擊想要的DOM元素，然後選擇「事件監聽器」來跟蹤元素的事件監聽器中的構建（不添加任何監聽器），或者添加DOM斷點（通過右鍵單擊元素並選擇何時中斷）並使用DOM Breakpoints選項（在右側菜單上）。希望這可以幫助

來源

2016-05-31 12:29:04

我看到了，但我無法實現3件事： 1.如何選擇元素_before_引發任何事件？在沒有ctrl + shift + c的情況下手動在dom中查找元素當您的dom結構很長且非常複雜時，會非常棘手。 2.我不想_remove_事件，我想暫時停止它_before_他們的工作。 3.我想停止_all_事件。不是手動1 1.可能嗎？ –

DOM斷點可以是有用的，但是我可以防止處理程序的所有代碼執行，而不僅僅是DOM操作？我認爲dom斷點對我來說已經足夠了，但反正它不是很舒適。 –

1.打開元素檢查器CTRL + F搜索DOM元素，然後刷新瀏覽器。這應該會在事件發生之前爲您提供元素。 2.斷點將停止執行，所以理想情況下應該將斷點設置爲元素事件執行之前。 3.檢查'stopPropagation'和'preventDefault'是否對你有幫助 –

Chrome開發工具：暫時關閉事件

回答

相關問題