📌

HTML｜aタグの無効化（ページ遷移・Tabキー操作・ポインター）

2024/08/20に公開

リンクのページ遷移を無効化

※ href属性に挿入されているのはJavascriptのvoid演算子です。

<a href="javascript:void(0)">
<!-- リンク 無効 -->

<a href="javascript:void(0)" tabindex="-1">
<!-- Tabキー操作 無効 -->

/* ポインター 無効 */
a[href*="javascript:void(0)"] {
    pointer-events: none;
}