Jquery/JS prevent right click menu in browsers

javascript jquery right-click
Tom Gullen picture Tom Gullen · Feb 7, 2011 · Viewed 82.5k times · Source

I have my div with a right click popup menu:

// Attatch right click event to folder for extra options
$('#fBox' + folderID).mousedown(function(event) {
    if (event.which == 3) {

        // Set ID
        currRClickFolder = folderID;

        // Calculate position to show popup menu
        var height = $('#folderRClickMenu').height();
        var width = $('#folderRClickMenu').width();
        leftVal = event.pageX - (width / 2) + "px";
        topVal = event.pageY - (height) + "px";
        $('#folderRClickMenu').css({ left: leftVal, top: topVal }).show();

    }
});

But the browser for this element still pops up the default menu (copy/paste/properties etc). Any way to disable this? I've tried return false but not luck.

Answer

Arseny picture Arseny · Feb 7, 2011

You can disable the right click by appending oncontextmenu="return false;" to your body tag.

<body oncontextmenu="return false;">

Related questions

How to distinguish between left and right mouse click with jQuery

How do you obtain the clicked mouse button using jQuery? $('div').bind('click', function(){ alert('clicked'); }); this is triggered by both right and left click, what is the way of being able to catch right mouse click? I'd be happy …

Read More
Making custom right-click context menus for my web-app

I've a few websites like google-docs and map-quest that have custom drop down menus when you right-click. Somehow they override the browser's behavior of drop-down menu, and I'm now sure exactly how they do it. I found a jQuery plugin …

Read More
how to write your own right click menu and disable the default using jquery/javascript

I successfully disabled the right click event on the page that I am working on using jquery. I want to create a customize right click menu. How can I do this? Does this need relevant css setting to get it …

Read More