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>
関連記事
-
-
IE11でSB Admin2のログインページの表示がおかしい
ダッシュボードや管理画面を作成する際、SB Admin2を使うことが多い。ダッシ ...
-
-
CSSでfloatやmargin&widthは使わずにブロック要素の中央寄せ・右寄せする方法
CSSでブロック要素を中央寄せする場合はwidth指定しつつ「margin:0 ...
-
-
CSSフレームワークであるTailwind CSSの特徴とBootstrapとの違いについて
あるサイトをWappalyzerで調査していた際にUIフレームワークがTailw ...
-
-
特定のID / Classを持つタグの親要素に対してCSSを割り当てる方法
特定のID / Classを持つタグの親要素に対してCSSを割り当てたい。また、 ...
-
-
CodeIgniter4&Bootstrap&jQueryで簡易版お問い合わせページの作成
CodeIgniter4.4.4&Bootstrap&jQuer ...