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 that does this, but I’m still curious about a few things:

  • How does this work? Is the browser’s drop-down menu actually being overridden, or is the effect just simulated? If so, how?
  • What does the plugin abstract away? What’s going on behind the scenes?
  • Is this the only way of achieving this effect?

custom context menu image

See several custom-context menus in action

67 thoughts on “Making custom right-click context menus for my web-app”

Leave a Comment