セコい「コピペ禁止サイト」の作り方(右クリックもテキスト選択も禁止!)Macの使い方やトラブル解消を図解で解説します。2023.02.15スポンサーリンク個人的には大反対な「右クリック禁止サイト」ですが、あえてその実装方法を紹介します。右クリックを禁止しているサイトの意図は文字のコピーをされたくないことだと思うので、マウスドラッグで文字等の選択を禁止する方法も併せて紹介します。現在は、より強固に右クリックをガードする手法もありますが、一般的には以下のように実装されています。がんばって書いた記事をコピーされたくない気持ちもわからなくはないですが、ユーザ側からするとただただウザいだけです。右クリックするとコンテキストメニューが表示されます。コンテキストメニュー内には「コピー」や「ソースを表示」という項目があるので、この項目を選択できないように意地悪したい場合に設定します。bodyタグ内にoncontextmenuイベントハンドラを追加します。false;">禁止ついでにアラートメッセージを表示させるには、以下のようにします。false;">HTMLタグ内に直接記載せず、JavaScriptとして記載しても同様の機能になります。scriptタグで囲んで対象ページ内部に記載しても良いですし、外部ファイルとして記載してもOKです。「画像は絶対コピーさせん!」というセコい意図をアピールする方法。imgタグに同様のコードを追記します。C等でコピーされたら普通にコピーされてしまうので、マウスドラッグでの選択範囲指定を禁止します。Javascript設定の他、CSSの設定を行うことにより、より強固に文字選択禁止にすることができます。指定箇所のみ選択禁止にしたい場合は、bodyではなく、divタグなどに追記します。Cからコピーされてもクリップボードにはコピーされない方法。bodyタグにoncopyイベントハンドラを追加します。コピーできてるみたいに見せかけて、実はできていないので、これが一番悪質かも...。false;">まとめた完璧風ソース上記のコードをまとめたソースコードです。この設定をしておけば「右クリック禁止&コピペサイト」をつくることができます。Click」というプラグインをインストールすればOKです。cop...ja.wordpress.org終わりに以上がコピペ禁止サイトのつくり方説明でした。これらの設定で一応コピー禁止サイトになりますが、HTMLやJSの特性上ソースを完全に隠すことは難しく、大抵の場合は少し工夫でテキストのコピーは簡単に行うことができます。「コピーしたら許さんからな!」...というセコセコアピールにはなりますが、利便性を考えると、メリットよりはデメリットの方が多いかと思います。因みに、解除する方法は、以下のページにズバリ掲載していますので、ご参考にどうぞ。右クリック&テキストコピー禁止を超強力に解除する方法(Chrome、Firefox、Edge)右クリックを禁止サイトを解除して普通に右クリックできるようにする一番簡単な方法の解説。1行で速攻解決します。PHP【PHP】echoとprintの違い。MySQL【MySQL】複数条件で重複データを抽出する方法MySQL【MySQL】重複レコードを抽出する2つの方法。歴代のiPhone/iPadの公式壁紙が全種類ダウンロードできます!2019.04.062024.05.24OSって何?初心者でもわかりやすいように説明します。Tamoc.メニューMacWordPressダウンロードプログラミング[カテゴリ一覧]ホーム検索トップサイドバータイトルとURLをコピーしました。