Code Chống Copy Và Click Chuột Phải CSS & JavaScript - DNMTechs

Trang chủ » Chống Copy Html » Code Chống Copy Và Click Chuột Phải CSS & JavaScript - DNMTechs

Có thể bạn quan tâm

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.

Code sau vào trước thẻ đóng </head> của mẫu HTML trang web:

<!DOCTYPE html> <html> <head> <title>Do not Copy</title> <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> </head> <body> <h1>This is a Heading</h1> <p>This is a paragraph.</p> </body> </html>

-webkit, -moz, -ms, -o là để tương thích với các trình duyệt khác nhau, vì nếu trình duyệt nào chưa hỗ trợ đầy đủ CSS3thì nó không hoạt động, nghĩa là 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à 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ì không thể tự tắt. Phối hợp cả 2 làm cho chúng bù đắp các điểm yếu của nhau.

Code JavaScript khoá thao tác click chuột phải trên trang web nhằm chống hành động copy, dán đoạn code này vào trước thẻ đóng </head>:

<script language="JavaScript"> window.onload = function() { document.addEventListener("contextmenu", function(e) { e.preventDefault(); }, false); document.addEventListener("keydown", function(e) { //document.onkeydown = function(e) { // "I" key if (e.ctrlKey && e.shiftKey && e.keyCode == 73) { disabledEvent(e); } // "J" key if (e.ctrlKey && e.shiftKey && e.keyCode == 74) { disabledEvent(e); } // "S" key + macOS if (e.keyCode == 83 && (navigator.platform.match("Mac") ? e.metaKey : e.ctrlKey)) { disabledEvent(e); } // "U" key if (e.ctrlKey && e.keyCode == 85) { disabledEvent(e); } // "F12" key if (event.keyCode == 123) { disabledEvent(e); } }, false); function disabledEvent(e) { if (e.stopPropagation) { e.stopPropagation(); } else if (window.event) { window.event.cancelBubble = true; } e.preventDefault(); return false; } }; </script>

Mình đang áp dụng đoạn code này cho trang web này và hoạt động hiệu quả trên các trình duyệt phổ biến hiện nay.

Từ khóa » Chống Copy Html