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.
You can disable the right click by appending oncontextmenu="return false;" to your body tag.
<body oncontextmenu="return false;"> 
                        You can disable context menu on any element you want:
$('selector').contextmenu(function() {     return false; });   To disable context menu on the page completely (thanks to Ismail), use the following:
$(document).contextmenu(function() {     return false; }); 
                        One jQuery line:
$('[id^="fBox"]').on("contextmenu", function(evt) {evt.preventDefault();});
                        Try this:
$('#fBox' + folderID).bind("contextmenu", function () {
                alert("Right click not allowed");
                return false;
            });
                        If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With