Disable Right Click Using jQuery

There are situations when developers don’t want their users to use mouse’s right-click. It is not considered a best practice and user-friendly feature. It is kind of easy to use jQuery to block right-click event on a page.

Here is the simple snippet to do so:

$(document).ready(function(){
  //disable the whole document
  $(document).on("contextmenu",function(e){
    return false;
  });
  //disable on a specific element only
  $("#target").on("contextmenu",function(e){
    return false;
  });
  //or use .contextmenu();
  $("#target").contextmenu(function() {
    alert( "contextmenu() called" );
    return false;
  });
});

The contextmenu event is sent to an element when the mouse’s right-button is clicked on it, but before the context menu is displayed.