jQuery and JavaScript Phrasebook

Applying a Right-Click

Click here to view code image

$("#menu").hide(); $("#main").on("mousedown", function(e){   if(e.button == 2){ $("#menu").show(); } }); $("#main").on("mouseup", function(e){   if(e.button == 2){ $("#menu").hide(); } }); $('#main').on("contextmenu", function(e){   return false; });

Applying a right-click to an element requires some additional actions because the default browser action is to bring up a right-click menu for the browser page.

The first thing you need to do in your event handler is to determine which mouse button was clicked by looking at the event.button attribute, which contains 0 for left, 1 for center, and 2 for right.

You also need to suppress the default browser contextmenu behavior, as shown in lines ...