サイトから画像や文章をコピペしたくても、右クリックが禁止されていてコピペできないことがあります。この記事では、JavaScriptで右クリックを設定する方法や、サイトを閲覧するときに右クリック禁止を解除する方法について解説します。
Webサイトを製作していると、自分がサイトに掲載したオリジナルの写真や文章を無断でコピペされて転載されてしまうことがあります。コピペされるのを防ぐためには、サイトを公開する前にコピペができないように対策を施す必要があります。
Windows PCでコピペする時には、右クリックでメニューを表示するのが一般的です。そこでコピペをするための方法として、Webページ内で右クリックを禁止するように設定する方法がよく取られます。
Webページで右クリックを禁止する方法には次の3つの方法があります。
Webページで右クリックを禁止する方法には、HTMLのJavaScript値で右クリック禁止の設定を行う方法があります。WebサイトはHTMLで記述されているので、HTMLのbody要素を次のように右クリック禁止のJavaScript値を加えれば、右クリックを禁止できます。
<body oncontextmenu="return false;">
「oncontextmenu」とは、マウスで右クリックボタンが押されたときの動作を決めるためのコマンドです。「oncontextmenu」に対して、「何もしない」を意味する「false」を返すことで、右クリックをしてもメニューが表示されません。コピーを含んだメニューが表示されないので、ページ内のコンテンツをコピペできなくなります。
ただ右クリックができないだけではなく、右クリックをした時に警告メッセージが表示されるサイトもあります。警告メッセージが表示されると、より強く閲覧者に対して右クリック禁止を訴えられます。
右クリック禁止の警告メッセージの表示もHTMLのbody要素の中のJavaScript値で設定します。右クリックを禁止しながら、警告メッセージを表示するためには、body要素を次のように記述します。
<body oncontextmenu="alert('右クリックは禁止です'); return false;">
最後に「return false」を入れるのを忘れてしまうと、警告メッセージが表示された後で、右クリックのメニューが表示されてしまうので忘れないように注意しましょう。
右クリックの禁止ではなくて、コピペを禁止したいのであれば、クリップボードへのコピーを禁止するためのJavaScript値のコマンドを書き込む方法もあります。コピーを禁止するためにはHTMLのbody要素のJavaScript値を次のように記述します。
<body oncopy="return false;">
「oncopy」はコンテンツのコピーについてのコマンドです。「oncopy」に対して、「何もしない」を意味する「false」を返すことでコピーできないように設定できます。
今度は、右クリックが禁止されているサイトを閲覧した時に、右クリックを解除する方法をお伝えします。違法にアップロードされたコンテンツでなければ、ダウンロードやコピーして私的利用の範囲内で利用するのは法的にも許されています。右クリックが禁止されていても、右クリック禁止を解除してコピペすることも可能です。
Google Chromeなら開発者用ツールであるデベロッパーツールを誰でも簡単に開けます。デベロッパーツールを使って、右クリック禁止の処理である「oncontextmenu」に対して「false」を返す処理を、成功するを意味する「true」を返すように処理をする方法で、右クリック禁止を解除します。
Google Chromeで右クリックが禁止されているWebページを開いて、Windows10なら「F12」、Macなら「Option+Command+I」を押します。
すると画面の右側にデベロッパーツールが開きます。デベロッパーツールの「Console」を開いて、次のコマンドの中のいずれかを記述してEnterキーを押します。
document全体の右クリック禁止を解除する
document.oncontextmenu = function () {return true;}
HTML要素に対して右クリック禁止を解除する
document.getElementsByTagName('html')[0].oncontextmenu = function () {return true;}
body要素に対して右クリック禁止を解除する
document.body.oncontextmenu = function () {return true;}
右クリック禁止はJavaScript値で設定します。ブラウザでJavaScriptを禁止してしまえば、右クリック禁止が無効化されます。しかし、この方法はサイトの表示や動作そのものがおかしくなる可能性が高いので、あまりお勧めはしません。
Google ChromeでJavaScriptを着んすする方法は次の通りです。まずはGoogle Chromeで右クリック禁止のサイトを開いたら、右上の「︙」をクリックして「設定」を開きます。
「プライバシーとセキュリティ」から「サイトの設定」を開いて、「コンテンツ」の「JavaScript」を開きます。
JavaScriptの「許可」をオフにします。これで右クリックできるようになるはずです。
1 / 2
続きを読む