CSS でクリック (リンクや画像の右クリック) を無効にする

CSS3 には、クリックやタッチイベントを制御する pointer-events プロパティがあります。この pointer-events プロパティの値に none を指定することで、リンクや画像の右クリックを無効にすることができます。

img {
	pointer-events: none;
}

pointer-events の値と効果

pointer-events プロパティはもともと SVG をコントロールするための CSS です。SVG 以外の要素に指定できる値は次のとおりです。

auto
デフォルト値です。
none
クリックやタップなどのイベントを無効にします。
inherit
親要素の値を強制的に継承させます。
投稿日:

作成者: コネタねこ

上から読んでも『コネタねこ』、下から読んでも『コネタねこ』。贈り物に悩んだら、コネタねこの小ネタ帳。欲しくなっちゃうプレゼント、そんなアイデアのぞきにきてね♪

コメントする

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