article / naraco
備忘録 / 雑記 / 2020.05.14

【右クリック禁止】1行書き足すだけの方法【超簡単】

おつかれさまです。ナラコです。

突然ですが…

たまに見かけませんか??
「右クリックができないサイト」

めっちゃ複雑なコードを書くのか…
それともプラグイン?

いやいや、違うんです♡ めちゃ簡単!

右クリックを禁止にしてメニュー表示を無効化する方法

ブラウザ上で右クリックされた際に出てくるメニュー(コンテキストメニュー)が表示されるのを無効化にするには、HTMLソースのbody要素に対して下記のように属性(値はJavaScript)を書き加えるだけ!

<body oncontextmenu="return false;">
  • bodyタグに「oncontextmenu」という属性を追加
  • その値に「return false;」という短いJavaScriptを記述

これだけでコンテキストメニューは表示されなくなります!

マウスの右クリック時だけではなく、キーボードのアプリケーションキーを押した場合でも同じようにコンテキストメニューは表示されません。

【注意】簡単にできるけど…簡単に突破されちゃう

簡単に出来るということは、そのまた反対に「有効化」にすることも簡単なんですけどね(笑)

JavaScriptを無効にすれば、右クリックの禁止もコピーの無効化もできない

HTMLのoncontextmenu属性やoncopy属性は、コンテキストメニューが表示されようとするタイミングやコピー操作が実行されようとするタイミングで任意のスクリプトを実行するJavaScriptの機能。

ということは…JavaScriptを一時的に無効に設定すれば、無効化を回避=有効化となり、右クリックメニューが使えちゃいます^^;

tags
next reading
contact

まずは、
話してみませんか。

売上の課題、集客の悩み、AIの活用——何でも構いません。
30分の無料相談で、いま何ができるかをお伝えします。
ご相談だけでも構いません。合わないと感じたら、遠慮なくお断りください。

無料相談を予約する お問い合わせ or view our services first