Wie man die Javascript-Codezeile sieht, die für das Anzeigen des Elements X verantwortlich ist, nachdem ich auf Element Y

Question

geklickt habe, habe ich eine Wordpress Web site, um zu ändern.

So habe ich diese "Login" -Taste, die, nachdem es geklickt wird, zeigt es eine versteckte Form.

Ich versuche, dieses Ereignis auf einer anderen Taste auf der gleichen Seite auszulösen, damit es gleich funktioniert.

Also habe ich den chrome-Listener ausprobiert und verfolgt das Mausklick-Ereignis, so sehe ich die Schritte des gleichen Ereignisses dort. sehr schlampig.

Ich versuchte mit FIREBUG, um es zu verfolgen, gibt mir viel besser organisierte Informationen im "DOM" nach dem Klicken auf die Schaltfläche.

Aber wo kann ich von der DOM-Ausgabe sehen, wo der Rest der Änderungen, die auf der Seite nach dem Klicken auftreten, auftreten? für andere Elemente, die nach dem Klickereignis betroffen sind. Wo kann ich die genaue Codezeile sehen, damit ich verstehen kann, wie sie ausgelöst wird?

EDIT: Ich habe versucht mit VISUAL EVENT - Ich sehe eine Befehlszeile im Popup-Fenster, aber nichts über seinen Standort. Ich habe versucht, den Befehl in allen .js-Dateien zu suchen, und ich kann es nicht finden.

Ich habe das auf einer anderen Website getestet - und ich habe die Befehlszeile gefunden.

Was soll ich in diesem Fall tun, wo kann die JS-Datei sein?

Answer 1

Wenn Sie in Firebug auf ein HTML-Element klicken, können Sie sich alle zugehörigen events anzeigen lassen. Sobald Sie herausgefunden haben, welche Funktion mit dem Click-Ereignis aufgerufen wird, können Sie den Code durchgehen, um zu sehen, welche anderen Funktionen aufgerufen werden.

Firebug ermöglicht Ihnen auch, Haltepunkte zu platzieren, was für das Debuggen nützlich ist. Der spezifische Haltepunkt, an dem Sie interessiert sein könnten, ist Break On Attribute Change. Kombinieren Sie dies mit dem Login-Button und Sie sollten in der Lage sein herauszufinden, was alles mit dem Code passiert.