Currently copying content from other Web sites to your Website without citing the source is a very common case in Vietnam. In this article vncoder.vn will guide you in detail on how to prevent copy and right-click from combined users using CSS and JavaScript.
1. Block Copy
I will combine both methods of using CSS with JavaScript. You just need to put the following code before the closing </head> tag of your website’s HTML template to succeed:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | <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> |
Above is the anti-copy CSS3 paragraph; -webkit, -moz, -ms, -o are for compatibility with different browsers. Because it is CSS3, if any browser does not support it fully. It does not work, meaning the object can still be copied! That’s why we need JavaScript – this works well in most browsers.
However, JavaScript has the weakness that the object can actively turn off JavaScript of the browser to copy … And that’s why we should combine the two. Because CSS, the object can not turn off. Combining both makes them compensate for each other’s weak points
2. Prevent right-clicking
Add anti-right-click feature (limiting image and text copying), this is the code … The position is the same, you just leave it before the closing tag </head>.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 | <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> |