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)” と表示されてしまいます。
以上です。
コメントを書く