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

: PHPの配列をファイルに保存してPHPやJSで呼び出す

PHPの配列をファイルとして保存し、別のページからPHPやJavaScriptで ...

: JavaScriptでcookieの保存

JavaScriptでcookieを保存したかったけど方法が分からなかったので ...

: javascriptで月末日を取得

以前、PHPで月末日を取得したけれども javascriptで月末日を扱いたいケ ...

: javascriptでランダム英数字

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

: JavaScriptでinputタグのtypeを変更

チェックボックスの状態によって inputタグのtypeをtext⇔passwo ...

: highcharts.jsで棒グラフと折れ線グラフを1つのグラフに入れる

やりたかった事は、・棒グラフと折れ線グラフを入れたい・Y軸はそれぞれ違う値に ...

: javascriptで論理和演算子の特殊な使い方

論理和「||」の特殊な使い方を教わったのでメモ。普段使うのは、 if (a = ...

: 可変要素内の文字を丸める

可変の要素内の文字を丸めたかった。いつもであればPHPのmb_strimwidt ...

: getElementsByTagName

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

: LINE風のふきだしデザイン

LINE風のふきだしデザインでページを作ってほしいと言われた。 CSSはあまり理 ...

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

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

関連記事