Wie kann ich anzeigen von Ereignissen ausgelöst, die auf ein element in Chrome DevTools?
Habe ich eine anpassbare form-element auf einer Seite aus einer Bibliothek. Ich möchte sehen, was javascript-Ereignisse ausgelöst werden, wenn ich mit ihm interagieren, weil ich versuche herauszufinden, welchen event-handler zu verwenden.
Wie mache ich das mit Chrome Web-Entwickler?
Dieses bookmarklet kann hilfreich sein: sprymedia.co.uk/article/Visual+Event+2
Die Antwort hier ist wertvoll, aber das bookmarklet oben ^ ist eigentlich das, was mein problem gelöst. sprymedia.co.uk/article/Visual+Event+2
Die Antwort hier ist wertvoll, aber das bookmarklet oben ^ ist eigentlich das, was mein problem gelöst. sprymedia.co.uk/article/Visual+Event+2
InformationsquelleAutor John Hoffman | 2012-04-18
Du musst angemeldet sein, um einen Kommentar abzugeben.
Ebenso können Sie mit der rechten Maustaste auf das target-element -> wählen Sie "element untersuchen" Blättern Sie nach unten auf der rechten Seite des dev-Rahmen, unten ist 'Ereignis-Listener'. Erweitern Sie den Baum, um zu sehen, welche Ereignisse sind mit dem element. Nicht sicher, ob das funktioniert für Ereignisse, die behandelt werden, durch bubbling (ich vermute nicht)
was ist, wenn alle Ereignisse zeigen, jquery minified i dont care über, wie Erreiche ich die Funktion, die verwendet das jquery.
Können Sie benutzerdefinierte Ereignisse, die wurden von mir erstellt? Wenn ich lese, dass es Leben verändert haben, war das erste, was ich dachte. Muss ich da etwas verpasst?
Sie können die blackbox jQuery Chrome so wird es zu überspringen und gehen Sie direkt zu Ihrem source-code. developer.chrome.com/devtools/docs/blackboxing
Ich habe in der framework-Hörer der Ereignis-Listener, aber immer noch nicht sehen, werden die Ereignis-Listener für das Rückgrat. Irgendwelche Ideen?
InformationsquelleAutor Matt
Können Sie monitorEvents Funktion.
Nur überprüfen Sie Ihre element (
right mouse click
→Inspect
auf sichtbares element oder gehen Sie zuElements
tab in Chrome Developer Tools auswählen wollte-element), dann gehen Sie zuConsole
Registerkarte und schreiben:Nun, wenn Sie bewegen Sie die Maus über dieses element, konzentrieren oder darauf klicken, wird der name der ausgelösten Ereignis wird angezeigt mit den Daten.
Aufhören immer diese Daten schreiben Sie einfach das in die Konsole:
$0
ist nur die Letzte DOM-element ausgewählt Chrome Developer Tools. Sie können passieren, alle anderen DOM-Objekt (zum Beispiel infolge vongetElementById
oderquerySelector
).Können Sie auch angeben, Ereignis "Typ" als zweiten parameter eng überwacht Ereignisse, die zu einer vordefinierten Satz. Zum Beispiel:
Liste dieser Arten ist hier.
Machte ich ein kleines gif, das zeigt, wie dieses feature funktioniert:
dies sollte der neue akzeptierte Antwort
Vereinbart. Dies ist der de-facto Weise zu überwachen und aufzuspüren Ereignisse auf spezifische - Elemente.
Ich habe es auf den neuesten Chrome und ich noch arbeiten
href="https://screentogif.codeplex.com/" >screentogif.codeplex.com Schöne app.
InformationsquelleAutor Mariusz Pawelski
Visual Event ist ein nettes kleines bookmarklet, das Sie verwenden können, um ein element der event-Handler. Auf der online-demo können eingesehen werden hier.
InformationsquelleAutor arwan
JQuery (mindestens in der version 1.11.2) das folgende Verfahren funktioniert für mich.
$._data(($0), 'events');
in der 'Console'handler:
Wert.Und es ist Zeit zu stoppen, neu zu erfinden das Rad und starten Sie mit vanilla JS-events ... 🙂
InformationsquelleAutor Daniel Sokolowski
Diese nicht zeigen, dass benutzerdefinierte Ereignisse wie diejenigen, die Ihr Skript erstellt werden kann, wenn es ein jquery-plugin. zum Beispiel :
Den Fall Panel unter Scripts in chrome developer tools nicht zeigen Ihnen "Etwas:custom-Ereignis-einem"
InformationsquelleAutor airtonix