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

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

2014/09/12 2024/04/17 JavaScript CSS

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

- JavaScript CSS