A repository of over 1000 quality jQuery plugins

jQuery .contextmenu()

Learn all about the jQuery function .contextmenu().

This method is a shortcut for .on( "contextmenu", handler ) in the first two variations, and .trigger( "contextmenu" ) in the third. The contextmenu event is sent to an element when the right button of the mouse is clicked on it, but before the context menu is displayed. In case the context menu key is pressed, the event is triggered on the html element. Any HTML element can receive this event. For example, consider the HTML:

1
2
3
<div id="target">
Right-click here
</div>

The event handler can be bound to the <div> as follows:

1
2
3
$( "#target" ).contextmenu(function() {
alert( "Handler for .contextmenu() called." );
});

Now right-clicking on this element displays the alert:

Handler for .contextmenu() called.

To trigger the event manually, call .contextmenu() without an argument:

1
$( "#target" ).contextmenu();