Javascript調試：單擊事件暫停

Question

我正在調試一個網頁，並想要一種方法來暫停一個元素的oonclick處理程序的JS執行，其中我真的不知道誰是處理程序或何時是處理程序正在註冊。

在觸發用戶事件後暫停JS執行的任何瀏覽器調試器中，是否有像暫停按鈕（如在Visual Studio中）的東西？

感謝

Answer 1

是的，我個人最喜歡的是Firebug for Firefox。在「腳本」選項卡上，您可以單擊暫停按鈕「下一次中斷」，還可以執行其他很好的操作，例如瀏覽HTML（使用「HTML選項卡」），右鍵單擊選擇器並選擇其中一個中斷屬性更改/子添加或刪除/元素刪除。當我真的不知道哪個腳本會干擾我的DOM時，我傾向於使用它。

唯一需要注意的是，例如，如果您在mouseover的document級別上有事件，那麼類似「下一個休息」這樣的事情就毫無意義，因爲您隨後會不斷突破。

你也可以看看finding all logged events的一些解決方案，但我不認爲有一種簡單的方法可以讓JavaScript「不管直接調用它，什麼點擊事件綁定到這個DOM元素」。如果你使用jQuery，那麼它確實有點簡單，因爲this答案建議。

Answer 2

除了Ian Clark使用Firebug的回答，在Chrome中，您可以轉到Developer Tools窗口（F12）中的Sources選項卡，並且有用於調試的控件。