0

特定のアイテムをクリックした後にアクティブ化される特定のアクション Javascript のソースをどのように見つけますか?

例えば ​​ -

サイトには次のものがあります。

<ul id="list0" class="list">
  <li id="listItem0">
  <li id="listItem1">
  <li id="listItem2" class="selected">
    <a href="#">Labrador Retriever</a>

Web ページでそのlistItem2項目 ( <a href="#">) をクリックすると、その項目 (ラブラドール レトリーバー) に関する特定の情報が右側のペインに読み込まれます (ページを更新したり、どこにも移動したりしません)。

これを行っている基礎となるJavascriptをどのように見つけますか? Firebug で"#"リンクをすばやく検索しましたが、予想どおり、それは干し草の山の中から針を見つけようとするようなものです。

どうやってこれを追跡するつもりなのか、私にはわかりません。このページでは 10 ～ 12 個の外部 Javascript ファイルも使用されているようで、Javascript 内でこの特定の<a href="#">.

おそらく何らかのブレークポイントを設定すると、Javascript で何が行われているかを追跡するのに役立つと思いましたが、要素/子の削除、または属性の変更の 3 種類のブレークポイントしか表示されません。ここで起こっています。

4

1 に答える 1

1

私はクロムを信じています。特定の要素を選択して、その特定の要素に関連付けられているイベントリスナーを確認できます。要素を右クリックし、「要素の検査」または同様のものを選択し、右のバーを下にスクロールします (適用されたスタイル、イベントリスナー、および「ボックス」が幅、高さ、マージン、要素のボーダーとパディング)。

于 2013-06-16T19:24:49.773 に答える