クリックイベントを制御する方法 (pointer-events) [CSS]

pointer-events

ドキュメント：

pointer-events | MDN

使い方

クリックした際にイベントが発生しないようにする。

pointer-events: none;

リンクを無効化する。

.disabled-link {
    text-decoration: none;
    pointer-events: none;
    cursor: default;
}

参考：

a タグの効果を無効化させる時によく使う系の CSS まとめ – Qiita

CSS の pointer-events で タグのリンクを無効化する方法 | ウェブアンテナ

CSS でリンクを無効化するいろいろな方法 | YTech

CSS でリンクを無効にする | iPentec

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

a タグの効果を残したままリンクを無効にする方法 | FreeLaDay

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

リンクを無効にするスタイル | CSS note (tenman.info)

クリック／タッチを無効化する CSS「pointer-events: none;」がお手軽で便利 | Yahoo! JAPAN Tech Blog

Click through div to underlying elements – Stack Overflow

user-drag

参考：

画像のドラッグを無効にする方法 | 1 NOTES

要素ドラッグの許可 | ShanaBrian

What is the -webkit-user-drag css property? – Stack Overflow

Can I Use

リンク：

pointer-events | Can I Use Support Tables

-webkit-user-drag property | Can I Use Support Tables