Chrome Dev Tools：要素にどのような種類のイベントが添付されていますか？

Question

DOM要素を右クリックして、どのイベントリスナーが接続されているかを確認すると、常にjquery.min.js：2と表示されます。しかし、どのリスナーがJavaScriptファイルに含まれているかを知りたいです（クリックイベントリスナーなど）。

たとえば、どのファイルにこのコードが含まれていますか？

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

Answer 1

クロームはそれを知る方法はありません。

$(...).click(function)と記述すると、関数に追加されるイベントハンドラは常にjQueryの範囲内になります。
Chromeは、jQueryイベントハンドラが最終的に実行されるコールバックを認識できません。

Answer 2

$（...）.Click（）の代わりにaddEventListenerを使用すると、Chrome Dev Toolsにそのハンドラが追加されたファイルの行が表示されます。