CSSとJavaScriptでテキストのコピー防止
2024/04/17
あるサイトで文言の意味が分からずGoogleで検索する為にコピペしようとするも、テキスト部分が選択できなかった。画像ではなくテキストで書かれているので不思議だったんだけど、調べてみるとCSSとJavaScriptでそのような対策ができるみたい。
ソースコード
<html>
<head>
<style>
body{
user-select:none;
-webkit-user-select:none;
-moz-user-select:none;
-khtml-user-select:none;
-webkit-user-drag:none;
-khtml-user-drag:none;
}
</style>
</head>
<body onMouseDown="return false;" onSelectStart="return false">
<div>
ドラッグ不可能ドラッグ不可能ドラッグ不可能<br />
ドラッグ不可能ドラッグ不可能ドラッグ不可能<br />
ドラッグ不可能ドラッグ不可能ドラッグ不可能<br />
ドラッグ不可能ドラッグ不可能ドラッグ不可能<br />
</div>
</body>
</html>
関連記事
-
-
Bootstrapよりも簡単でClassを付与する必要のないCSSフレームワーク「Simple.css」の利用方法
何らかのテストページを提出する際、見た目を整えるためBootstrapを使用した ...
-
-
LINE風のふきだしデザイン
LINE風のふきだしデザインでページを作ってほしいと言われた。 CSSはあまり理 ...
-
-
「slick」でarrows(次に進む・前に戻るボタン)を設定しても表示されない場合の対応方法
「slick」で画像スライダーを表示する際にarrows(次に進む・前に戻るボタ ...
-
-
「slick」で作成したスライダー画像にランキングの順位を表示する方法
「slick」で作成したスライダー画像に対して、ランキングの順位を表示したいとい ...
-
-
CSSで親子関連のセレクターをネスト(入れ子)で指定する方法
CSSで親子関連のセレクターを指定する場合「.parent .child{}」の ...