Finden Sie angehängte / gebundene Ereignisse eines Elements mithilfe der Chrome-Entwicklungstools / Firebug / IE Developer Toolbar

Bei der Inspektion einen Seite der DOM, ich würde gerne wissen, die angebracht Veranstaltung(en) ein element schnell

Zum Beispiel, wenn Sie eine Taste hat das HTML-DOM

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

Und irgendwo (nicht in einem Ort, den ich im Voraus wissen), es hat ein Ereignis angehängt werden, z.B.

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

Ich weiß, es kann getan werden programmgesteuert ( Finde ich Ereignisse gebunden, die auf ein element mit jQuery? )

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

Update: ich fand heraus, dass in den neueren Versionen von Chrome habe ich eine Registerkarte namens " EventListeners aber es scheint nicht leicht einen Drilldown alle dem Weg nach unten, um die Quelle des Ereignisses, als jQuery-Packungen der original

InformationsquelleAutor der Frage Eran Medan | 2012-06-16

  1. 2

    FireQuery - http://firequery.binaryage.com/ können Sie Ereignisse sehen, die gebundenen Elemente und bohren in Sie

    InformationsquelleAutor der Antwort olore

  2. 30

    Um die erste angeschlossene handler auf die ersten $("#button1") element

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

    JSFiddle

    Die lange Geschichte, die niemand hören will:
    Ich kam hier auf der Suche nach einem plugin. Ich war begeistert zu sehen, @schmidlop Antwort, aber in jQuery, den es eigentlich nicht geben Sie mir den Hörer, ich bin auf der Suche nach, es zeigt nur den generischen handler für jQuery Ereignisse, die schließlich rufen Sie die spezifische callback. Ich bin immer noch auf der Suche für ein Chrome-plugin, das mir erlauben würde, auf der rechten Maustaste auf ein element und lassen Sie mich bohren Sie in den Prozeduren, die mit dem Objekt verbunden.

    Verursachen, das wäre cool.

    UPDATE:
    Ich fand eine chrome-Erweiterung namens jQuery Debugger. Sie einfach "Element Untersuchen" und wählen Sie "jQuery-Events" aus der "Elements" - Untermenü...     https://chrome.google.com/webstore/detail/jquery-debugger/dbhhnnnpaeobfddmlalhnehgclcmjimiFinden Sie angehängte /gebundene Ereignisse eines Elements mithilfe der Chrome-Entwicklungstools /Firebug /IE Developer Toolbar

    InformationsquelleAutor der Antwort Shanimal

  3. 24

    Gibt es jetzt einen Event-Listener tab in Chrome.Finden Sie angehängte /gebundene Ereignisse eines Elements mithilfe der Chrome-Entwicklungstools /Firebug /IE Developer Toolbar

    InformationsquelleAutor der Antwort schmidlop

  4. 18

    Über den Chrome-inspector wählen Sie das element in der "Elements" - Registerkarte, und dann von der "Console" - tab können Sie sehen, die Ereignisse angebracht, um das element mit getEventListeners($0);.

    InformationsquelleAutor der Antwort Florent2

  5. 3

    Firefox-Entwickler-tools, zeigt nun eine "ev" neben Elementen gebunden Ereignisse. Dies kann verwendet werden, um zu untersuchen gebunden Ereignisse (einschließlich jQuery events).

    Hier ist ein Beispiel der Inspektion der "Erste Absatz" element aus der jQuery klicken Sie auf Dokumentation:

    Finden Sie angehängte /gebundene Ereignisse eines Elements mithilfe der Chrome-Entwicklungstools /Firebug /IE Developer Toolbar

    InformationsquelleAutor der Antwort djsutho

  6. 0

    Können Sie auch überprüfen, Visual Event-addon für chrome.

    InformationsquelleAutor der Antwort Gaurav M

Schreibe einen Kommentar