Open In App
Related Articles

How to disable right-click option using the jQuery ?

Improve
Improve
Improve
Like Article
Like
Save Article
Save
Report issue
Report

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:

  • event: It is an event type which is passed to the selected elements.
  • data: It is the data which can be shown over the selected elements.
  • function: It is the function which is performed by the selected elements.

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.

HTML

<!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.



Last Updated : 10 Dec, 2020
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads