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

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

img {
	pointer-events: none;
}

pointer-events の値と効果

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

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

コメントを残す

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