Disable right click context menu on images

Disabling right click or context menu is one of the more popular ways to prevent images from being stolen from a blog. While it is effective to some extent in deterring casual image theft, it also frustrates honest readers by denying them access to many useful functions associated the right click such as going Back, page Reload, Bookmark and Open Link In New Window.

The better way would be to disable right click only on images. After all it’s the images they’re trying to protect, so this method is more appropriate to the task and more importantly it’s far less annoying to readers :). (It is impossible to keep people from stealing images posted on your blog or website, but hey this is better than doing nothing right?).

The script will disable the context menu and replace it with this alert box :

• You can replace the message with whatever you like in line 15, or
• If you don’t want the alert box to appear at all, just delete the line or comment it out, like this: //var alertMsg = "Image context menu is disabled";

Click on any image in this post to see it in action.

b. Disable right click on a single image To disable context menu on a single image you need to add this piece of code (a context menu event handler) in the img tag :

• oncontextmenu='alert("Image context menu is disabled");return false;'

Open the post in post editor, switch to HTML mode, locate the img tag of the image you want to disable and then insert the code inside the tag. An example :

This is the original image tag :

Disable PrintScreen / Copy/Paste functionality

Code to disable PrintScreen / Copy+Paste functionality :

Source : webdeveloper / bloggersentral.