ONZE企業サイトへ

Archives
Tags

【jQuery】右クリックを禁止する方法

Ads by Google

ウェブサイトで右クリックを禁止して、コンテキストメニューを表示させなくする方法を紹介します。

ウェブサイト全体で右クリックを禁止にする方法

なにがなんでも、とにかく右クリックを禁止にする方法です。
以下のコードで実装できます。

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

特定の要素を右クリックを禁止にする方法

任意の特定の要素に対して、右クリックを禁止にする方法です。

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

画像をダウンロードさせたくないときなどに使用するニーズが発生すると思います。
しかしながら、ウェブサイト上で見られる要素は基本的には全てダウンロードできてしまうので、右クリックを禁止したところで根本的な解決にはなりません。
そもそもダウンロードさせたくないような情報はウェブにアップロードするべきではないですからね。

また右クリックの禁止はユーザーの利便性を損なうため、導入するのはオススメしません。

右クリックを制限するときは、明確な理由があって、どうしても必要な場合に限定しましょう。

こちらの記事もいかがですか?

アナタにオススメ!
同じカテゴリーの他の記事です。

Ads by Google