Stop User from using “Print Scrn” / “Printscreen” key of the Keyboard for any Web Page

by

I hate the “it’s not possible” sentence. Here’s all solutions combined to help you:

1- You can grab the solution from Haluk:

<script type="text/javascript"> $(document).ready(function() {
    $(window).keyup(function(e){
      if(e.keyCode == 44){
        $("body").hide();
      }

    }); }); 
</script>

HOWEVER, you hide body, but’s already “printed” to clipboard. You can fire another event that copy some text to your clipboard, as you can see on this answer “Edit as of 2016” Click button copy to clipboard using jQuery , it’s something like this:

function copyToClipboard() {
  // Create a "hidden" input
  var aux = document.createElement("input");
  // Assign it the value of the specified element
  aux.setAttribute("value", "Você não pode mais dar printscreen. Isto faz parte da nova medida de segurança do sistema.");
  // Append it to the body
  document.body.appendChild(aux);
  // Highlight its content
  aux.select();
  // Copy the highlighted text
  document.execCommand("copy");
  // Remove it from the body
  document.body.removeChild(aux);
  alert("Print screen desabilitado.");
}

$(window).keyup(function(e){
  if(e.keyCode == 44){
    copyToClipboard();
  }
});

This will block a part of your problem. If user focus on another object outside this windows he will be able to take screenshots. **But there’s another solution to that as well, simply disable the hole body when window get’s unfocused. Full solution, from your dear brazillian friend:

function copyToClipboard() {
  // Create a "hidden" input
  var aux = document.createElement("input");
  // Assign it the value of the specified element
  aux.setAttribute("value", "Você não pode mais dar printscreen. Isto faz parte da nova medida de segurança do sistema.");
  // Append it to the body
  document.body.appendChild(aux);
  // Highlight its content
  aux.select();
  // Copy the highlighted text
  document.execCommand("copy");
  // Remove it from the body
  document.body.removeChild(aux);
  alert("Print screen desabilitado.");
}

$(window).keyup(function(e){
  if(e.keyCode == 44){
    copyToClipboard();
  }
}); 

$(window).focus(function() {
  $("body").show();
}).blur(function() {
  $("body").hide();
});

Here’s the example working:

Here i try to unfocus the window, on unfocus i hide content and show modal

More Related Contents:

  1. How to add a black shadow on top of a div block with background image?
  2. Javascript / Html Check box error [closed]
  3. Creating a textarea with auto-resize
  4. In what situations would AJAX long/short polling be preferred over HTML5 WebSockets?
  5. Document.write clears page
  6. HTML button to NOT submit form
  7. Submit multiple forms with one submit button
  8. How to load all the images from one of my folder into my web page, using Jquery/Javascript
  9. JavaScript data grid for millions of rows [closed]
  10. Add content to a new open window
  11. Does the onchange event propagate?
  12. width/height after transform
  13. How to get file name when user select a file via ?
  14. Enable/Disable submit button if checkbox is checked/unchecked?
  15. Convert Text to Image using javascript [closed]
  16. Changing the order of elements
  17. addEventListener for keydown on Canvas
  18. GoogleMaps does not load on page load
  19. Get all elements in the body tag using pure javascript
  20. Force page zoom at 100% with JS
  21. How do I detect when a web page is loaded?
  22. collapse and expand tabs jquery / simple accordion
  23. Simple HTML sanitizer in Javascript [closed]
  24. Dynamically Trigger HTML5 Cache Manifest file?
  25. Google Maps API v3 Highlight Country Border without using Polygons
  26. Iframe inherit from parent
  27. Reading multiple files with Javascript FileReader API one at a time
  28. Checking if a textbox is empty in Javascript
  29. Rename Object Key in an array using javascript
  30. trigger file upload dialog using javascript/jquery

Leave a Comment