Open In App

How to disable right-click option using the jQuery ?

Improve
Improve
Like Article
Like
Save
Share
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