何もないけどヨロシク。MENUCATEGORYコーディングWEBデザイングラフィックデザインディレクションARCHIVES202320222021202020192018WEBサイトのテキスト・画像のコピー・キャプチャ防止策まとめ2020年02月28日2022年12月25日コーディングWEBサイトのテキストや画像の無断使用などを防ぎたい時に、⌘+Cや画像のドラッグ操作ができないようにする方法。false;">サイト全体をコピーさせたくない。</body>これをするとテキストを選択して「右クリック+コピー」または「⌘+C」などをしてもコピーした内容がペーストできない。false;”」を記述。false;">特定のコンテンツをコピーさせたくない。「onCopy」に「alert(‘アラートに出るメッセージ’);」を追加します。onCopy="alert('ここだけコピーしちゃだめ。false;">コピーさせたくないコンテンツ。右クリックした時にアラートを出す方法。false;">右クリックしちゃだめ。alt=""></div>背景画像に指定してるmask.pngは1x1pxの透過のpng画像にする。することでimgタグで指定している画像の上に透過の画像が敷き詰められてドラッグやコピーができない仕組み。alt=""></div>IE向けイメージツールバーの無効化htmlのhead内に下記を追加。手軽にできるスクリーンショット(スクショ)の防止対策はほぼない。WindowsのPrintscreen禁止はあるみたいだけど検証してないので、参考urlだけのせとく。5)のいずれかを押すとjsで制御する方法を試したけど⌘(コマンド)が起点となってるので他のショートカットが使えずかなり不便。firefoxでは撮れてしまって無意味っていう結論。まとめあくまで簡易的な防止策のまとめです。探せばいくらでも抜き取れる方法はあります。インターネットはみんなのものだけど、個人の財産にもなるので導入してみてはいかがでしょうか。(スクショ防止はなにかいい方法あれば更新する。)2020年02月28日2022年12月25日コーディングnanimonaiプログラム書く方が楽しいデザイナーです。デザイン事務所→フリーランス→スタートアップ入社→フリーランス(現在)。更新しないのでブログは向いてないと思いつつなんとかやってます。よければTwitterのフォローもお願いします。【JavaScript】js-cookie.jsを使ってダークモード切り替ボタンを作る。