anbei/gebundene Ereignisse eines Element mit Chrome-Entwicklungstool/Firebug/IE Developer Toolbar

Question

Wenn eine Seite DOM Inspektion, würde ich das beigefügte Ereignis wissen, (s) ein Element schnell

Zum Beispiel, wenn eine Taste hat diesen HTML-DOM

<button id="button1">Click Me</button> 

Und irgendwo (nicht an einem Ort, den ich im Voraus) ist es ein Ereignis hat angebracht, zB

$("#button1").click(function(){...}); 

Ich weiß, es programmatisch durchgeführt werden kann (Can I find events bound on an element with jQuery?)

aber ist es eine Möglichkeit, nur eine der Entwickler-Tools für Chrome/Firefox/IE mit einer Liste der Ereignisse zu sehen?

---

aktualisieren: Ich fand heraus, dass in den neueren Chrome-Versionen habe ich eine Registerkarte mit der Bezeichnung Ereignis-Listenern aber es scheint, ist es nicht leicht bohren läßt den ganzen Weg hinunter bis auf die Quelle des Ereignisses, wie jQuery die ursprüngliche

Answer 1

FireQuery Wraps - http://firequery.binaryage.com/ können Sie Ereignisse auf Elemente gebunden sehen und in der Registerkarte „Elemente“ und dann von der „Console“ Registerkarte können Sie

Answer 2

Mit dem Chrome-Inspektor wählen Sie das Element in sie bohren siehe th e Ereignisse, die an das Element mit getEventListeners($0); angehängt sind.

Answer 3

Es gibt jetzt einen Event Listeners Tab in Chrome.

Answer 4

Um die ersten befestigten Handler auf dem ersten $ ("# button1") Element

$._data($("#button1").get(0),"events").click[0].handler 

JSFiddle

Die lange Geschichte zu bekommen, dass niemand hören will: Ich kam hier auf der Suche nach einem Plugin. Ich war begeistert, die Antwort von @schmidlop zu sehen, aber in jQuery gibt mir das nicht den Listener, nach dem ich suche, es zeigt nur den generischen Handler für jQuery-Ereignisse, die schließlich den spezifischen Callback aufrufen. Ich bin immer noch auf der Suche nach einem Chrome-Plugin, das es mir erlaubt, mit der rechten Maustaste auf ein Element zu klicken und mich in die Handler zu bohren, die an das Objekt angehängt sind.

Denn das wäre cool.

UPDATE: ich eine Chrome-Erweiterung gefunden jQuery Debugger genannt. Sie einfach „Inspect Element“ und „jQuery Ereignisse“ aus dem „Elemente“ Untermenü wählen ...https://chrome.google.com/webstore/detail/jquery-debugger/dbhhnnnpaeobfddmlalhnehgclcmjimi

Answer 5

Firefox-Entwickler-Tools nun eine „ev“ anzuzeigen neben Elementen, die Ereignisse gebunden hat. Dies kann verwendet werden, um gebundene Ereignisse (einschließlich jQuery-Ereignisse) zu überprüfen.Hier

ist ein Beispiel für Inspektion des "ersten Absatz" Element aus der jQuery click documentation:

Answer 6

Sie können auch von Visual Event-Addon für Chrome verfügbar überprüfen.