右クリックを禁止する方法

てっちゃん
てっちゃん

あまりお勧めしないですが、どうしても右クリックを禁止したい時の方法をご紹介します！
方法はいくつかあるので、自分にあったやり方を試してみてください

HTMLの<body>タグに記述

bodyに記述することで、ページ全体で右クリックを禁止ます

<body oncontextmenu="return false;">

CSSのbodyプロパティに記述

body{
	user-select:none;
	-webkit-user-select:none;	// Google Chrome、Safari
	-webkit-user-drag:none;
	-moz-user-select:none;	// Firefox
	-khtml-user-select:none;
	-khtml-user-drag:none;
}

jQueryで記述

documentに指定しているので、サイト全体で右クリックを禁止しています

$(function(){
	$(document).on("contextmenu",function(){
		return false;
	});
});

JavaScriptで記述

document.oncontextmenu = function () {return false;}

右クリック禁止サイトで解除する方法はこちら
右クリック禁止を解除する方法

関連記事