[JavaScript] 右クリックを禁止にする

投稿日：2016年10月9日更新日：2018年5月2日

ブラウザ上でのマウス右クリックを禁止にするには、 oncontextmenuイベントハンドラを設定します。

サンプル

例）ページ全体で右クリック禁止にする

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="utf-8">
  <title>サンプル</title>
</head>
<body oncontextmenu="return false;">
  <p>このページでは右クリックが使えません。</p>
</body>
</html>

<!DOCTYPE html>

<head>

</head>

<p>このページでは右クリックが使えません。</p>

</body>

</html>

実行サンプル

以下の黄色の領域上にoncontextmenu="return false;"が設定してあります。

この領域上では右クリックが使えません。

解説

右クリックを禁止したいタグに「oncontextmenu="return false;"」を設定すれば右クリック禁止にできます。
ページ全体を右クリック禁止にしたい場合は、bodyタグに設定すればOKです。
部分的に右クリック禁止にしたい場合は、対象のタグに設定すればOKです。

執筆者：とら