Chromeのデベロッパーツールで処理の場所を調べる方法について

Question

Chromeのデベロッパーツールを使用して特定の処理が行われている場所を探したいです。

画面上でボタンをクリックするとElementsタブで見た時Classが消える箇所があります。
しかしどこでremoveclassを実行しているのかがわからない状態です。

このような動きはわかるがどこで実行しているのかわからない様な処理を調べるにはどうしたらいいのでしょうか？

https://qiita.com/zaru/items/b7732ebad9b732518359
上記のサイトを参考に試したのですがhandlerの中に関数は確認できず、下記ははUncaught TypeErrorになりました。

$._data($("#click1").get(0), "events");

Answer 1

DOM Breakpoint で属性の変更で停止させて、そのコードから調べれば良いのではないかと。

DOM change breakpoints

---

$._data($("#click1").get(0), "events");

これは、#click1 要素のjQueryのイベントハンドラを調べる方法です。質問者さんのケースで役に立つがどうかは不明です。

Comments

[退会済みユーザー]

ご回答いただきありがとうございます。
#click1を調べたいものに変更したらできました。
ありがとうございます。