Open In App

How to disable right-click option using the jQuery ?

The bind() method in jQuery is used to attach one or more event handlers for selected element and this method specifies a function to run when an event occurs.

Syntax:



$(selector).bind(event, data, function);

Parameters: This method accepts three parameters as mentioned above and described below:

Return Value: It returns all the modification made on the selected element.



In this article, we will see how to disable the right-click option using the jQuery bind() method.




<!DOCTYPE html>
<html>
  
<head>
  
    <!-- Adding jQuery scripts required to run jQuery -->
    <script src=
    </script>
  
    <!-- This script will prevent 
        right click -->
    <script>
        $(document).ready(function () {
            $(document).bind("contextmenu", function (e) {
                return false;
            });
        });
    </script>
  
    <!-- Adding style -->
    <style>
        h1 {
            color: green;
        }
        p {
            color: crimson;
        }
    </style>
</head>
  
<!-- Body of the page -->
<body>
    <center>
        <h1>GeeksForGeeks</h1>
  
        <p>
            GeeksforGeeks is a Computer Science
            portal for geeks. It contains well
            written, well thought and well
            explained computer science and
            programming articles, quizzes etc.
        </p>
    </center>
</body>
  
</html>

Output:

You can see that you can’t open the right-click option window by right-clicking on the screen.


Article Tags :