2009-10-21 48 views
38

如何跟蹤網頁的所有JavaScript事件?如何跟蹤或調試所有可用的javascript事件

是否有可能追蹤所有事件,即使沒有附加處理程序?

有沒有工具可以做到這一點?

澄清:

例如:

對於文本輸入I可以爲添加事件處理程序的onblur平變化

如果我(在瀏覽器中)更改文本字段的值並保留它,那麼兩個事件處理程序都會執行。 現在我想知道我「錯過了」哪些其他事件(如果有事件處理程序附加將會執行的事件)。

Clarification2:

我可以得到一個列表(一個給定的元素上)所有可能的事件,我可以附加一個事件處理程序?

+0

這就是我使用的:http://www.java2s.com/Code/JavaScript/Event-onMethod/CatalogEvent-onMethod.htm – 2011-11-15 19:39:44

+0

> ###類似於:[http://stackoverflow.com/questions /570960/how-to-debug-javascript-jquery-event-bindings-with-firebug-or-similar-tool](http://stackoverflow.com/questions/570960/how-to-debug-javascript-jquery-事件綁定與螢火蟲或類似的工具) – 2009-10-21 07:54:32

回答

2

您可以在FF和Web開發工具在IE8或開發工具WebKit的使用Firebug剖析工具

編輯:

只是好奇雖然,你要什麼有那些事件呢?

+0

用於IE的Web開發工具完成了這項工作。謝謝。 – 2009-10-30 08:01:29

27

這裏有一個簡單的腳本來記錄所有可用事件瀏覽器的控制檯:

var ev = '', 
    out = []; 
for (ev in window) { 
    if (/^on/.test(ev)) { 
     out[out.length] = ev; 
    } 
} 
console.log(out.join(', ')); 

當然,你只會得到你正在使用的瀏覽器的事件。