Chrome Dev Tools: Gibt an, welcher Ereignistyp an ein Element angehängt ist, aber welche Datei?

Question

In Chrome, wenn ich mit der rechten Maustaste auf ein DOM-Element klicke, um zu sehen, welche Ereignis-Listener angeschlossen sind, heißt es immer jquery.min.js: 2. Ich würde jedoch gerne wissen, welche meiner JavaScript-Dateien diesen Listener enthält (z. B. Click-Ereignis-Listener).

Zum Beispiel, welche Datei hat diesen Code drin?

$('#clickMe').on('click', function(e){ //clicked}); 

Answer 1

Chrome hat keine Möglichkeit, dass zu wissen.

Wenn Sie $(...).click(function) schreiben, befindet sich der Ereignishandler, der zur Funktion hinzugefügt wird, immer innerhalb von jQuery.
Chrome kann nicht wissen, mit welchem ​​Callback der Event-Handler jQuery ausgeführt wird.

Answer 2

Wenn Sie addEventListener (anstelle von $ (...). Klicken()) verwenden, zeigt Chrome Dev Tools die Zeile in Ihrer Datei an, in der dieser Handler hinzugefügt wurde.