📌

HTML|aタグの無効化(ページ遷移・Tabキー操作・ポインター)

2024/08/20に公開

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

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

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

Tabキー操作を無効化

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

ポインターを無効化

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

Discussion