How To Disable Copy and Paste Using Javascript

Submitted by alpha_luna on Monday, June 6, 2016 - 15:39.
In this article, we are going to learn how to Disable Copy and Paste Using Javascript. This is a simple source code to disable copy and paste of your content to your website. We are going to use the JavaScript script to do this function.

Creating HTML Source Code

This is our sample content in a page.
  1. <div style="height:480px; width:700px; margin:auto; padding:40px; border:2px solid #1982d1; border-radius:10px;">
  3.         <h2 style="color:#1982d1;">DISABLE COPY AND PASTE</h2>
  5. <b style="color:blue;">sourcecodester.com - Free Source Code</b> - Do you have source code, articles, tutorials, web links, and books to share?
  6. You can write your own content here. You can even have your own blog.
  7. <br />
  8. <br />
  9. <b style="color:blue;">sourcecodester.com - Free Source Code</b> - Do you have source code, articles, tutorials, web links, and books to share?
  10. You can write your own content here. You can even have your own blog.
  11. <br />
  12. <br />
  13. <b style="color:blue;">sourcecodester.com - Free Source Code</b> - Do you have source code, articles, tutorials, web links, and books to share?
  14. You can write your own content here. You can even have your own blog.
  15. <br />
  16. <br />
  17. <b style="color:blue;">sourcecodester.com - Free Source Code</b> - Do you have source code, articles, tutorials, web links, and books to share?
  18. You can write your own content here. You can even have your own blog.
  19. <br />
  20. <br />
  21. <b style="color:blue;">sourcecodester.com - Free Source Code</b> - Do you have source code, articles, tutorials, web links, and books to share?
  22. You can write your own content here. You can even have your own blog.
  23. <br />
  24. <br />
  25. <b style="color:blue;">sourcecodester.com - Free Source Code</b> - Do you have source code, articles, tutorials, web links, and books to share?
  26. You can write your own content here. You can even have your own blog.
  27. <br />
  28. <br />
  29. <b style="color:blue;">sourcecodester.com - Free Source Code</b> - Do you have source code, articles, tutorials, web links, and books to share?
  30. You can write your own content here. You can even have your own blog.
  31. <br />
  32. <br />
  33. <b style="color:blue;">sourcecodester.com - Free Source Code</b> - Do you have source code, articles, tutorials, web links, and books to share?
  34. You can write your own content here. You can even have your own blog.
  35. </div>

This is the result of the code above:

Result

Creating JavaScript Script

In the code above, we are going to add the JavaScript script to disable copy and paste of the content of a page.
  1. <!-- Disable Copy and Paste-->
  2. <script language='JavaScript1.2'>
  3. function disableselect(e){
  4. return false
  5. }
  6. function reEnable(){
  7. return true
  8. }
  9. document.onselectstart=new Function (&quot;return false&quot;)
  10. if (window.sidebar){
  11. document.onmousedown=disableselect
  12. document.onclick=reEnable
  13. }
  14. </script>
  15.  
  16. <script>
  17. //disable mouse drag select start
  18. document.onselectstart = new Function('return false');
  19. function dMDown(e) { return false; }
  20. function dOClick() { return true; }
  21. document.onmousedown = dMDown;
  22. document.onclick = dOClick;
  23. $("#content_document").attr("unselectable", "on");
  24. //disable mouse drag select end
  25. //disable right click - context menu
  26. document.oncontextmenu = new Function("return false");
  27. //disable CTRL+A/CTRL+C through key board start
  28.  
  29. //use this function
  30. function disableSelectCopy(e) {
  31. // current pressed key
  32.     var pressedKey = String.fromCharCode(e.keyCode).toLowerCase();
  33.     if (e.ctrlKey && (pressedKey == "c" || pressedKey == "x" || pressedKey == "v" || pressedKey == "a")) {
  34.         return false;
  35.     }
  36. }
  37. document.onkeydown = disableSelectCopy;
  38.  
  39. //or use this function
  40. $(function () {
  41.     $(document).keydown(function (objEvent) {
  42.         if (objEvent.ctrlKey || objEvent.metaKey) {
  43.             if (objEvent.keyCode == 65 || objEvent.keyCode == 97) {
  44.                 return false;
  45.             }
  46.         //}
  47.         }
  48.     });
  49. });
  50. </script>
So what can you say about this work? Share your thoughts in the comment section below or email me at [email protected]. Practice Coding. Thank you very much.
Tags
disable copy and paste
Javascript
HTML
copy and paste
disable right click copy and paste
disable paste

Add new comment

About text formats
  • 198 views