aタグのリンクを無効化する方法

aタグのリンクを無効化する方法

aタグ押下時のリンクを無効にしたい

aタグ(リンク)押下時にリンク処理を無視したい場合があります。onClick での処理は行いたいけど遷移は無視したい、そんな場合です。その方法を以下に記します。

ページ内リンク(href=”#”)

aタグの遷移先のURLを設定する方法がります。href=”#” を aタグ に設定してやれば別ページに遷移させないようにできます。

ただしページ内でのリンクが発生してしますので困ります。

javascript:void(0)

<a href="javascript:void(0)">リンク</a>

href=”javascript:void(0)”とすることで、リンク処理を無視できます。ブラウザ依存らしいのですが主要ブラウザで動くので、これが一番お手軽です。ただしリンクにカーソルを合わせるとリンク先のURLに、”javascript:void(0)” と表示されてしまいます。

以上です。

HTML/CSSカテゴリの最新記事