The notion that you can stop people copying content is a pleasant but unrealistic dream. Whether you use JS or CSS to try to thwart copying attempts, these are easy to turn off and step around. If you don’t want your test/images to be be copied, don’t put them online. It’s as simple as that. I can easily copy text from both of those sites. (In fact, I don’t see any prevention methods on the second site.)
Thank you so much. But, can you help me protect a post like this site? http://cungquanghang.com.vn/threads/me-ngoc-nghech-con-thien-tai-bach-gioi-90-136.20664/#post-29259
i’m using vbullet
You can place that on any element whose content you want to make harder to copy. It’s easy to turn off, though.
Full demo:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<style>
p {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
</style>
</head>
<body>
<div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus, dolore adipisci possimus atque veritatis voluptas quasi laborum at harum accusantium. Expedita, quis dolore repellendus autem suscipit reiciendis ad illum tenetur.</p>
<p>Minus, autem, quas, hic velit suscipit accusamus ducimus fugit magni maxime provident aspernatur corporis rerum voluptatum nostrum animi magnam illo! Incidunt, odio beatae dolores soluta sapiente id delectus vero repudiandae!</p>
<p>Vel, molestias recusandae culpa ipsam maiores officiis ducimus obcaecati temporibus quam. Quisquam, perferendis, quidem, tempora, sit ea libero accusantium autem vero laudantium dicta corporis corrupti magni inventore totam distinctio eveniet.</p>
<p>Voluptates, omnis, voluptatem error sapiente sequi et fuga ex fugit eligendi distinctio accusantium aliquid vel vitae sunt fugiat veritatis voluptate perspiciatis cum libero rem a! Placeat quas aperiam optio aliquam.</p>
</div>
</body>
</html>
Be aware that it won’t work in older browsers, though.