aタグ リンクを無効化 js javascript:void(0)

用途

「aタグ」をクリックした際にリンクの処理を無効化したい時に使う。
onClick での処理は行いたいけど、ページ遷移はさせたくない時に使う。

使用方法

書き方

<a href="javascript:void(0)">文字</a>

href="javascript:void(0)" とすることで、リンク処理を無効化し、ページ遷移しなくなります。
ブラウザ依存はありますが主要ブラウザでは動きます。
1点注意点があり、リンクにカーソルを合わせると javascript:void(0) と表示されてしまいます。

その他

書き方

<a href="#">文字</a>

上記の方法でもページ遷移されませんが、ページ内でのリンクが発生してしまいます。
ホバー効果があるまま「aタグ」が使えます。
「現時点ではリンク先が未定で、今後ここにリンクが入る」という意味で使ったり、一旦作業を進めるためなどに使います。