アンカータグを何も参照しないようにするにはどうすればよいですか? 質問する

アンカータグを何も参照しないようにするにはどうすればよいですか? 質問する

私は jQuery を使用していますが、一部のアンカー タグにアクションを実行させないようにする必要があります。

私は通常次のように書きます:

<a href="#">link</a>

ただし、これはページの上部を指します。

ベストアンサー1

完璧とは言えない解決策がいくつかあります。

1. 偽のアンカーへのリンク

<a href="#">

問題: リンクをクリックするとページの先頭に戻る

2. 「a」以外のタグを使用する

spanタグを使用し、jQueryを使用してクリックを処理します

問題: キーボードナビゲーションが壊れ、ホバーカーソルを手動で変更する必要がある

3. JavaScriptのvoid関数へのリンク

<a href="javascript:void(0);">
<a href="javascript:;">

問題: IE で画像をリンクすると壊れる

解決

これらすべてに問題があるので、私がたどり着いた解決策は、偽のアンカーにリンクし、onClick メソッドから false を返すことです。

<a href="#" onClick="return false;">

最も簡潔な解決策ではありませんが、上記の方法に伴う問題はすべて解決します。

おすすめ記事