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>
関連記事
-
-
CSSで1つの要素に複数classを設定して画像を入れ替える方法
メニューリンクで通常時の画像、マウスオーバー時の画像、アクティブ時の画像をそれぞ ...
-
-
スクロールしても追尾する要素をプラグイン等は利用せずCSSのみで作成する方法
コンテンツ内をスクロールしても追尾してくる要素を作成したかった。以前にMeeka ...
-
-
画像ホバー時にエフェクトを追加したり文字を重ねられる「Izmir」ライブラリの利用方法
Lightboxを使用しているページで画像をクリックすると拡大表示されることをユ ...
-
-
YouTubeの埋め込み動画をjQuery&CSSでフローティングビデオ対応させる方法
以前にvideoタグで表示させた動画をjQuery&CSSでフローティン ...
-
-
CodeIgniter4&Bootstrap&jQueryで簡易版お問い合わせページの作成
CodeIgniter4.4.4&Bootstrap&jQuer ...