[解決済み] Chromeで、ある要素にどのイベントがバインドされているかを調べる方法

質問

自分のページにリンクがあるとします。

<a href="#" id="foo">Click Here</a>

他はわからないのですが、リンクをクリックすると alert("bar") が表示されます。 だから、どこかで、何らかのコードが #foo .

をバインドしているコードを見つけるにはどうしたらよいでしょうか。 alert("bar") をクリックイベントに追加してください。 Chromeでの解決策を探しています。

Ps: この例は架空のものなので、次のような解決策は求めていません： "Use XXXXXX and search the whole project for "alert(\"bar")"．私は本当のデバッグ/トレースソリューションが欲しいのです。

どのように解決するのですか？

使用方法 クローム 15.0.865.0 開発版 . 要素パネルに"イベントリスナー"のセクションがあります。

そして、スクリプトパネルに "イベントリスナーブレークポイント"を追加します。マウスでブレークポイントをクリックし、コールスタックに注目しながら次の関数呼び出しに踏み込みます。理想的には、minifyされたバージョンのjQueryをminifyされていないバージョンに置き換えることで、以下の作業を行う必要がなくなります。 ステップイン を常に使用し 踏み越える を使用します。