2009-10-21 8 views
38

Wie kann ich alle Javascript-Ereignisse einer Webseite verfolgen?Wie alle verfügbaren Javascript-Ereignisse zurückverfolgen oder debuggen

Gibt es eine Möglichkeit, alle Ereignisse zu verfolgen, auch solche ohne einen Handler angeschlossen?

Gibt es ein Tool, das das kann?

Klarstellung:

Zum Beispiel:

Für eine Texteingabe i einen Ereignishandler für onblur hinzufügen und Onchange.

Wenn ich (im Browser) den Wert des Textfelds ändere und es belasse, werden beide Eventhandler ausgeführt. Jetzt würde ich gerne wissen, welche anderen Ereignisse ich "verpasst" habe (diejenigen, die ausgeführt worden wären, wenn ein Eventhandler angehängt wäre).

Clarification2:

Kann ich eine Liste bekommen (auf einem bestimmten Element) aller möglichen Ereignisse, die ich ein Eventhandler anhängen können?

+0

Dies ist, was ich verwende: http://www.java2s.com/Code/JavaScript/Event-onMethod/CatalogEvent-onMethod.htm –

+0

> ### Ähnlich wie: [http://stackoverflow.com/questions /570960/how-to-debug-javascript-jquery-event-bindings-with-firebug-o--similar-tool](http://stackoverflow.com/questions/570960/how-to-debug-javascript-jquery- Event-Bindings-mit-Firebug-oder-ähnliches-Tool) –

Antwort

2

Sie können Firebug Profilerstellungs-Werkzeug auf FF und Web Developer Tool auf IE8 oder Developer Tools auf WebKit verwenden

EDIT:

Nur neugierig aber was wollen mit diesen Ereignissen zu tun? Hier

+0

Web Developer Tool für IE hat den Job gemacht. Danke. –

27

Hier ist ein einfaches Skript alle verfügbaren Ereignisse anmelden die Konsole des Browsers:

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

Natürlich erhalten Sie nur die Ereignisse des Browsers, den Sie gerade verwenden.

Verwandte Themen