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>ソース開かれたらそれで終わりではある。
関連記事
-
-
Push.jsを用いてプッシュ通知を実装&Web Audio APIで通知音も鳴らす方法
プッシュ通知(デスクトップ通知)を実装してみたい。また、通知の際は分かりやすいよ ...
-
-
JavaScriptの三項演算子
いつもと違う書き方？ 使い方の三項演算子が あったのでメモ。 ■ソース var ...
-
-
上部に固定されたヘッダーメニューの作成
■やりたい事 ページスクロールしても上部に固定されたヘッダメニューの作る &nb ...
-
-
画像をドラッグ&ドロップでアップロード
■2015/04/15追記 以下記事の方が新しくて詳しい。 http://tai ...
-
-
マウスオーバーでの画像切り替えをJavaScriptで簡単に対応
マウスが要素にのった際に画像を切り替える処理を入れたかった。多分CSSの管轄なん ...
-
-
Bootstrapを使用したデザインテンプレート
Bootstrapを使用してもデザインのセンス無いし、 と思っていいものはないか ...
-
-
要素の表示or非表示
今まで要素の表示or非表示をCSSで操作する際、 display:none; / ...
-
-
他サイトのRSS情報を画像付きで表示させる
WordPressでAというサイトを作成し、AのRSS情報をBというサイトでアイ ...
-
-
javascriptでメモリ開放
今まで考えたこと無かったけどjavascriptを使う際は メモリ消費に気をつけ ...
-
-
IEでjavascript関数の初期値
あるJavaScriptの関数でchromeやfirefoxは正常に動いたけどI ...