右クリックを禁止する

右クリックを出来ないようにする機会があったので、あまり使うことはないかもですが調べたことをメモしておきます。

サンプルコード1

JavaScriptで実装する場合のサンプル。

JavaScript

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

右クリック禁止のデモページ1
　

サンプルコード2

jQueryを使って実装する場合のサンプル。

JavaScript

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

右クリック禁止のデモページ2
　

サンプルコード3

特定の要素のみ右クリック禁止するサンプル。

JavaScript

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

右クリック禁止のデモページ3
　

【参考サイト】

• イヌでもわかるJavaScript講座 – 右クリック禁止
• jQueryで右クリックを禁止させる方法 | BlackFlag