【JavaScript】右クリックを禁止する

bodyタグのoncontextmenu属性の return を false にする。

<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="utf-8">
    <title>【JavaScript】右クリックを禁止する</title>
  </head>
  <body oncontextmenu="alert('右クリックは禁止です!');return false;">
    <a href="https://inoha-naito.net/">リンク先へ移動します。</a> 
  </body>
</html>

今回の場合、リンクを右クリックすると「右クリックは禁止です!」というメッセージのポップアップが表示され、コンテキストメニューが表示されなくなる。

サンプルページ

タイトルとURLをコピーしました