サイト制作に関するメモ書き

HOME > JavaScript > jQuery > 右クリックを禁止する

右クリックを禁止する

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

サンプルコード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
 

【参考サイト】

 

コメントを残す

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

▲PAGE TOP