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

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

img {
	pointer-events: none;
}

pointer-events の値と効果

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

auto

デフォルト値です。

none

クリックやタップなどのイベントを無効にします。

inherit

親要素の値を強制的に継承させます。