How to disable mouse right click on a web page?

javascript html mouse right-click
User 1034 picture User 1034 · Jun 21, 2010 · Viewed 99.6k times · Source

I want to disable mouse right click on an HTML page. I have a page where user has to enter the details. I don't want the user to see the menu thats get displayed with the mouse right click. Rather I want to display a custom menu. I know there are some plugins available to do that. But my requirement does not need any plugins.

Answer

Andrea Zilio picture Andrea Zilio · Jun 21, 2010

It's unprofessional, anyway this will work with javascript enabled:

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

You may also want to show a message to the user before returning false.

However I have to say that this should not be done generally because it limits users options without resolving the issue (in fact the context menu can be very easily enabled again.).

The following article better explains why this should not be done and what other actions can be taken to solve common related issues: http://articles.sitepoint.com/article/dont-disable-right-click

Related questions

JavaScript how to change mouse cursor to an image?

I've seen examples where you can change it to preset images that your operating system has; example: $('body').css('cursor', 'wait'); But how about my own /img/my_image.png? Thanks for any help.

Read More
Detecting that the browser has no mouse and is touch-only

I'm developing a webapp (not a website with pages of interesting text) with a very different interface for touch (your finger hides the screen when you click) and mouse (relies heavily on hover preview). How can I detect that my …

Read More
How can I create a simple page vertical scroll bar without using jQuery?

I have looked at I think all the scrollbars code but have not yet been able to find a simple one that does not use jQuery or a somewhat complex library. Has anyone created there own simple scrollbar using just …

Read More