CSSとJavaScriptでテキストのコピー防止
あるサイトで文言の意味が分からず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>
ソース開かれたらそれで終わりではある。
関連記事
-
ダウンロード無しで外部ファイル呼び出し
■jQuery http://scriptsrc.net/ ■bootstrap ...
-
スマホ用の有料デザインテンプレが9月内は無料でもらえた
envatomarketでスマホ用の有料デザインテンプレートが2014年9月内に ...
-
上部に固定されたヘッダーメニューの作成
■やりたい事 ページスクロールしても上部に固定されたヘッダメニューの作る &nb ...
-
CSSのセレクタを一瞬で拾ってくる
↓↓こちらのサイト様 http://css.miugle.info/ 左側のテキ ...
-
IE11でSB Admin2のログインページの表示がおかしい
ダッシュボードや管理画面を作成する際、SB Admin2を使うことが多い。ダッシ ...