CSSとJavaScriptでテキストのコピー防止

2014/09/12

あるサイトで文言の意味が分からず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>

<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>

<div>

ドラッグ不可能ドラッグ不可能ドラッグ不可能<br />

</div>

</body>

</html>

ソース開かれたらそれで終わりではある。

- CSS, JavaScript

: JavaScriptでFlashのバージョンを取得

既存のソースでFlashのバージョン取得を行っているものがあり、使いそうなので ...

: HTML、javascriptソースの暗号化

サーバーサイドはソースを見られないけどクライアントサイドはソースを見られるので、 ...

: javascriptの注意点

javascriptにてチェックボックスのチェック状況をチェックをループでまわ ...

: getElementsByTagName

うろ覚えだけど業務中に、 document.getElementById('aa ...

: JavaScriptでdisplay:none/blockの切り替え

jQueryだとhide/show使うか、もしくは toggleだけでいいけどJ ...

: javascriptのfor文で負荷軽減

javascriptで配列の数だけループをまわす際、 for (i=0; i&l ...

: javascriptとPHPで正規表現を使う場合

とりあえず使いそうなのは検索と置換。 ■javascript var str = ...

: javascriptでランダム英数字

やりたかった事はjavascriptでランダム英数字の羅列を取得。 ■参考サイト ...

: CSSでセンターリング

<center></center>でセンターリングが出来 ...

: JavaScriptでURLのクエリを取得する２

直近で調べたのとは別に、 http://aaa.bbb/ccc/id123?te ...

PREV: Cronと同じく指定期間に指定URLへアクセスしてくれるサイト
NEXT: PHPでサイトURLからtitleとRSS用URLを取得

CSSとJavaScriptでテキストのコピー防止

関連記事