IntroductionIn 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. Implementation1.Using JavaScriptTo 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 JQueryIf 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. |