Friday, 19 July 2013

Disable right click on web page and images

Sometimes it is required to prevent your web page images from being copied by another one. You can secure your images by disabling right click or by disabling image context menu on images only. This is an effective approach to prevent your images from being copied or stolen. Here I am going to share the tricks how can you achieve this. This trick will disable right click only on images. Add the below event handler to the img or image tag as shown below:


Disable right click on images


<asp:Image ID="img1" runat="server" ImageUrl=""../ImgLoc/1.png"" oncontextmenu="return false;" />
<img alt="MyImage" src="../ImgLoc/2.png" oncontextmenu="return false;"/>

Disable right click on web page


Similarly we can disable right click on whole page by adding oncontextmenu handler in body tag of webpage.

Now this will disable right click on each and every control of a webpage.


<html>
<head>
...
</head>
<body oncontextmenu="return false;" >
...
</body>
</html>

Show alert on right click


<script type="text/javascript"> 
function disableRightClick()
{
alert("Sorry, right click is not allowed !!");
return false;
}
</script>
<body oncontextmenu=" return disableRightClick();">
...
</body>

disablerightclick



Disable right click on web page and images