Disable User Interactions On The Webpage - disableEverything
File Size: | 273 KB |
---|---|
Views Total: | 865 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |

disableEverything is a cross-browser and mobile-compatible jQuery plugin used to disable user interactions (scroll, copy, input, right click, etc) on the webpage.
A typical use of the plugin is to protect your website from image theft.
Features:
- Disable right click.
- Disable text/image copy.
- Disable page scroll.
- Disable keyboard input.
- Disable image drag.
How to use it:
1. Insert the JavaScript jquery.disableeverything.js
after jQuery JavaScript library.
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"> </script> <script src="src/jquery.disableeverything.js"></script>
2. Call the function disableEverything
on document ready and specify the user interactions to disable.
$(function() { $(document).disableEverything({ // Disable Right Click disableRightClick: true, // Message when someone right clicks rightClickMessage: 'Right Click is Disabled.', // Disable Text/Image Copy disableCopy: true, // Message when someone attempts to copy copyMessage: 'Copying is not Allowed.', // Disable image drag disableImageDragging: true, // Disable Keyboard disableKeyboard: true, // Disable Page Scrolling disableScroll: true }); });
This awesome jQuery plugin is developed by HoaRoiCuaPhat. For more Advanced Usages, please check the demo page or visit the official website.