context menu

context menu

Features

• trigger contextMenu with right-click, left-click, hover or own custom trigger events
• delegated event handling removing the need for re-initialization when trigger objects are added / removed
• optional icons for commands
• input elements (text, textarea, checkbox, radio, select) within the menu
• custom html elements (command free)
• show/hide callbacks to update the state of commands
• small memory footprint even with hundreds of trigger objects
• adjust position of menu to fit in viewport
• enable / disable commands
• nested sub-menus
• full keyboard interaction
• HTML5 <menu> support
• CSS is for styling, javascript is not…

Usage

$.contextMenu({ // define which elements trigger this menu selector: ".with-cool-menu", // define the elements of the menu items: { foo: {name: "Foo", callback: function(key, opt){ alert("Foo!"); }}, bar: {name: "Bar", callback: function(key, opt){ alert("Bar!") }} } // there's more, have a look at the demos and docs… });

demo : here
easy to use context menu