onlinecode

jQuery – disable context menu right click, cut, copy and paste

onlinecode

jQuery – disable context menu right click, cut, copy and paste

In this post we will give you information about jQuery – disable context menu right click, cut, copy and paste. Hear we will give you detail about jQuery – disable context menu right click, cut, copy and pasteAnd how to use it also give you demo for it if it is necessary.

jQuery – disable context menu right click, cut, copy and paste

If You are looking for a simple way to disable right click for any html element then here you will find the best solution to disable right click on page.

There are some reasons why you will disable the right click of mouse button.

It may be you want to show your own menu or you want to prevent user to copy content from your page.

See also  How to add CSS properties to an element dynamically using jQuery

If you want to show your own menu on right click then follow this link :


jQuery making custom right-click context menu example

You can disable right click functionality for whole page too using context menu.


HTML File

  1. <htmllang="en">
  2. <head>
  3. <title>jQuery - disable context menu for element example </title>
  4. <scriptsrc="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.3/jquery.min.js"></script>
  5. </head>
  6. <body>
  7. <divclass="container">
  8. <tableborder="1">
  9. <tr>
  10. <th>Name</th>
  11. <th>Details</th>
  12. </tr>
  13. <trclass="disableEvent">
  14. <td>onlinecode</td>
  15. <td>Provide Online Tutorial</td>
  16. </tr>
  17. <trclass="disableEvent">
  18. <td>Demo</td>
  19. <td>Provide Demo</td>
  20. </tr>
  21. </table>
  22. </div>
  23. </body>
  24. </html>
<html lang="en">
<head>
  <title>jQuery - disable context menu for element example </title>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.3/jquery.min.js"></script>
</head>
<body>
<div >  
    <table border="1">   
    <tr>
        <th>Name</th>
        <th>Details</th>          
    </tr>
    <tr >
        <td>onlinecode</td>
        <td>Provide Online Tutorial</td>
    </tr>
    <tr >
        <td>Demo</td>
        <td>Provide Demo</td>
    </tr>  
 </table>
</div>
</body>
</html>

See also  Distinct Count Query in Laravel - onlinecode

Script to Disable Mouse Right Click

  1. <script type="text/javascript">
  2.     $(document).ready(function(){
  3.         $(".disableEvent").on("contextmenu",function(){
  4. alert('right click disabled');
  5. returnfalse;
  6. });
  7. });
  8. </script>
<script type="text/javascript">
    $(document).ready(function() {
        $(".disableEvent").on("contextmenu",function(){
             alert('right click disabled');
           return false;
        }); 
    });
</script>

Script to Disable Cut Copy & Paste

Using this script, you can prevent user to cut (CTRL+X), copy (CTRL+C) and paste (CTRL+V)content from your web pages.

  1. <script type="text/javascript">
  2.     $(document).ready(function(){
  3.        $('.disableEvent').bind('cut copy paste',function(e){
  4.         e.preventDefault();
  5. });
  6. });
  7. </script>
<script type="text/javascript">
    $(document).ready(function() {
       $('.disableEvent').bind('cut copy paste', function (e) {
        e.preventDefault();
    });
    });
</script>


You can disable copy paste in textbox too using javascript.
See also  Consume a JSON REST API with React and Axios

Label :

jQuery

How To

JavaScript

Hope this code and post will helped you for implement jQuery – disable context menu right click, cut, copy and paste. if you need any help or any feedback give it in comment section or you have good idea about this post you can give it comment section. Your comment will help us for help you more and improve us. we will give you this type of more interesting post in featured also so, For more interesting post and code Keep reading our blogs

For More Info See :: laravel And github

Exit mobile version