How to Disable Right click in Web Page using JavaScript/JQuery

Posted By  abhi2434 On 02 Dec 2010 07:12:23
emailbookmarkadd commentsprint
No of Views:1713
Bookmarked:0 times
Votes:0 times

Introduction

In this tip, i will show you How to Disable Right click in Web Page using JavaScript.Sometimes we have requirement to disable Right Click context menu and Text selection of a web page from the user, so that the user cannot use the right click default context menu and also to disable text selection so that sensitive data could not be copied from the website.

Implementation

1.Using JavaScript

To Disable Context Menu

document.oncontextmenu = function(){return false;};

If you just place this line in your page under script tag, the context menu will get disabled.

To Disable Text Selection

document.onselectstart= function() {return false;}; 

This will disable Selection in IE. For Mozilla we need to apply CSS to the body element.

-moz-user-select: none;

This will disable selection in Mozilla.

<div onselectstart="return false;" 
style="-moz-user-select: none;">

This will disable selection of Text for the container.

2.Using JQuery

If you are familier with JQuery, there is easy way do this, just use below code to prevent context menu in your page.

<head>
    <script language="javascript" type="text/javascript"
      src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" />
    
    <script type="text/javascript" >
        $(function() {
            $(this).bind("contextmenu", function(e) {
                e.preventDefault();
            });
        }); 
    </script>
</head>
<body>
    This is disable right click event.
</body>

in above code, I'm prevent context menu binding in client side.

$(this).bind("contextmenu", function(e) {
                e.preventDefault();
            });

Hope these both ways will help you.

Sign Up to vote for this article
Other popular Tips/Tricks
Comments
By:Another SolutionDate Of Posted:11/24/2011 11:30:49 AM
Dave
This is another solution... private bool ValidateUrl() { if (Uri.IsWellFormedUriString(txtServer.Text, UriKind.Absolute)) { return true; } else { return false; } }
Leave a Reply
Title:
Display Name:
Email:
(not display in page for the security purphase)
Website:
Message:
Please refresh your screen using Ctrl+F5
If you can't read this number refresh your screen
Please input the anti-spam code that you can read in the image.
^ Scroll to Top