右クリックを禁止にする

ブラウザの画面でマウスの右クリックをできないようにします。oncontextmenuイベントを利用します。

Program

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

bodyで右クリック禁止にすると、画面全体で右クリックできなくなります。

特定の要素で右クリック禁止にすると、その要素の部分だけで右クリックできなくなります。

Demo

下の水色の部分では右クリックできません。

この部分は右クリック禁止です

Memo

ソースの表示やコピーなどの操作は右クリックできなくても可能なので、厳密に禁止することはできませんが、あまり詳しくない利用者が操作できないようにしたり、不便にしたりする程度のことは可能です。

コメントを残す

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