Disabling the Browser Context Menu

Date: Monday, 18 Dec 2006 14:14

Origin : http://ajaxcookbook.org/disable-browser-context-menu/

By Bret Taylor, December 3, 2006

You can disable the browser context menu for an element in your DOM with the following JavaScript recipe:

function disableContextMenu(element)
{
     element.oncontextmenu = function()
      {         return false;     }
}

For example, to disable the context menu over a photo on your page, you could use:

disableContextMenu(document.getElementById("photo"));

Browsers like Firefox do not always allow web pages to disable the context menu (this option is a setting in Firefox), so this recipe will not work 100% of the time in all browsers.

See the example