javascript - アンカータグの動作が非常におかしい

Question

次のように、ウェブサイトにアンカータグがあります。

<a href="http://www.abc.com/..." class="abc-profileinsider-popup">
  <img src="..." />
</a>

問題は、クリックされたときにページが href にリダイレクトされないことです。

クラスの名前abc-profileinsider-popupをX-profileinsider-popupX 以外の任意の文字列に変更すると、常にabc機能します。この動作の背後にある理由を誰か教えてもらえますか?

score 1 · Accepted Answer

あなたのコードには、デフォルトの動作を妨げるイベントハンドラーがあり、特に abc-profileinsider-popupクラスを持つ要素に関連付けられていると思います。

その場合は、次のようなものを見つける必要があります。

myAnchor
  .addEventListener("click", function (event) {
    event.preventDefault();
  });

コードベースで文字列abc-profileinsider-popup の出現を検索します。

W3C イベントモデルに関する詳細情報が必要な場合に備えて、これは私が書いた記事です。

score 1 · Accepted Answer

クラスの要素にイベントをアタッチするJavaScript関数がどこかにあります: abc-profileinsider-popup。

この関数は、リンクが処理されないことを意味する false を返す必要があります。これを確認するために JavaScript を無効にしてみてください。リンクは Javascript を無効にしても機能するはずです。

次に、コードを検索して、その動作を確認します:)

javascript - アンカー タグの動作が非常におかしい