画像やテキストの選択、コピー、保存、右クリックを禁止する【HTML】【CSS】

Webページを作成する際に、画像やテキストの選択、コピー、保存、右クリックを禁止させたい場面があります。

それぞれコピペで簡単に実装できますので是非試してみてください。

CSSでhtmlタグに対して「user-select: none;」を指定しましょう。

html {
	/* 選択禁止 */
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

HTMLでbodyタグに「onCopy=”return false;”」を指定しましょう。

<body onCopy="return false;">

CSSでimgタグに対して「pointer-events: none;」を指定しましょう。

img {
	/* 保存禁止 */
	pointer-events: none;
}

HTMLでbodyタグに「oncontextmenu=”return false;”」を指定しましょう。

<body oncontextmenu="return false;">

以上です。