jquery - Chrome Dev Tools: どのタイプのイベントが要素に添付されているかを教えてくれますが、どのファイルですか?

Question

Chrome で DOM 要素を右クリックして、どのイベント リスナーがアタッチされているかを確認すると、常に jquery.min.js:2 と表示されます。ただし、どの JavaScript ファイルにそのリスナー (クリック イベント リスナーなど) が含まれているかを知りたいです。

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

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

Answer 1

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

Answer 2

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

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