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

記事をシェアする:
タグ:

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

Protected by reCAPTCHA