Code chống copy và click chuột phải – Song kiếm hợp bích CSS và JavaScript

Chống copy trên website

Ngăn thao tác quét bài viết là cách chống copy đơn giản nhưng khá hiệu quả. Tuy nó không chống lại được các đối tượng sao chép có chuyên môn về công nghệ thông tin, nhưng với các đối tượng copy thông thường thì rất hữu hiệu.

Trong bài viết này Blog Kiến càng sẽ “song kiếm hợp bích” cả 2 biện pháp là sử dụng CSS kết hợp với JavaScript. Bạn chỉ cần đưa đoạn code sau vào trước thẻ đóng </head> của mẫu HTML trang web của bạn là thành công:

<style>
body{
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
</style><script type=”text/JavaScript”>
function killCopy(e){
return false
}
function reEnable(){
return true
}
document.onselectstart=new Function (“return false”)
if (window.sidebar){
document.onmousedown=killCopy
document.onclick=reEnable
}
</script>

Dưới đây là ảnh chụp màn hình cho bạn dễ quan sát hơn vị trí cần cho đoạn code trên:

Vị trí đoạn code chống copy
Đoạn code phải ở sau thẻ mở <head> và ở trước thẻ đóng </head>

Nếu bạn muốn chống thêm cả thao tác chuột phải (hạn chế tình trạng sao chép ảnh và văn bản), thì đây là đoạn code… Vị trí thì vẫn thế, bạn cứ để nó trước thẻ đóng </head>

<script type=”text/JavaScript”>
var message=”NoRightClicking”; function defeatIE() {if (document.all) {(message);return false;}} function defeatNS(e) {if (document.layers||(document.getElementById&&!document.all)) { if (e.which==2||e.which==3) {(message);return false;}}} if (document.layers) {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=defeatNS;} else{document.onmouseup=defeatNS;document.oncontextmenu=defeatIE;} document.oncontextmenu=new Function(“return false”) 
</script>

Nếu có thông báo lỗi khi save template (hay gặp với Blogspot) thì bạn thay bằng dòng code sau:<script type=”text/JavaScript” src=”https://googledrive.com/host/0BxKUKf8tfKupN3lZMFc3X1FzdTQ/”>
</script>


Và đây là kết quả thực hiện demo trên trang ở liên kết này, bạn sẽ thấy bạn không thể quét được nội dung, cũng như không thể chuột phải để lưu các ảnh động banner ở trang chủ của website trên.

Phần dưới đây mình sẽ giải thích ý nghĩa những dòng code trong bài, nếu bạn không phải là dân công nghệ thông tin thì không cần đọc cho đỡ nhức đầu, đưa các đoạn code trên vào trước thẻ </head> là bạn chống hành vi copy được rồi…

Đoạn CSS:
<style>
body{
 -webkit-touch-callout: none;
 -webkit-user-select: none; 
 -moz-user-select: none;    
 -ms-user-select: none;     
 -o-user-select: none;
 user-select: none;
 }
</style>

 

Ở trên là đoạn CSS3 chống copy, -webkit, -moz, -ms, -o là để tương thích với các trình duyệt khác nhau, vì là CSS3 nên nếu trình duyệt nào chưa hỗ trợ đầy đủ thì nó không hoạt động, nghĩa là đối tượng vẫn copy được! Do vậy ta mới cần thêm JavaScript – cái này thì hoạt động tốt trên hầu hết trình duyệt. Tuy nhiên JavaScript lại có điểm yếu là đối tượng có thể chủ động tắt JavaScript của trình duyệt để copy… Và đó là lý do ta nên kết hợp cả hai, vì CSS thì đối tượng lại không thể tự tắt. Phối hợp cả 2 làm cho chúng bù lấp các điểm yếu của nhau.

P/S: Đoạn code JavaScript có tham khảo từ trang này http://www.boogiejack.com/

4 thoughts on “Code chống copy và click chuột phải – Song kiếm hợp bích CSS và JavaScript”

  1. Biện pháp này hiệu quả nhưng mình thấy cũng có điểm hạn chế, nhiều người copy có để link thì giúp mình tăng backlink free còn gì 😀

  2. nếu gặp cao thủ thì cũng có thể copy đc, 😀 chẳn hạn dùng add-on để gỡ bỏ :3
    site mình cũng đang sử dụng DMCA

  3. Bạn ơi rất tuyệt vời, mình đã tìm nhiều code trên các web khác nhưng không ưng ý, cuối cùng về xài code bạn và hiệu quả ngay, thank người đã chia sẻ

Comments are closed.