How to trigger contextmenu on left mouse button click?

Question

I'm trying to use contextmenu for the left menu button click but it's not working:

<input type="button" id="selector"  value="click" />

jquery:

$('#selector').on('click',function(){
 $(this).triggerHandler('contextmenu')   
});

How should I implement?

Please check this is not working fiddle

Please note: I want to use default contextmenu on left click.

http://stackoverflow.com/questions/6250447/trigger-right-click — Umesh Sehta, Jul 29 '14 at 05:44
http://medialize.github.io/jQuery-contextMenu/demo/trigger-left-click.html - I cannot get it working either using triggerHandler — mplungjan, Jul 29 '14 at 05:53
no, I just want to trigger right click (contextmenu) on left click. — Navin Rauniyar, Jul 29 '14 at 06:03
Then, what you expect on right click? triggerHandler works. http://jsfiddle.net/GGp64/1/ — Satpal, Jul 29 '14 at 06:05
@Satpal when you use right click you'll see context menus and I want to show the default context menu in left click — Navin Rauniyar, Jul 29 '14 at 06:48

score 3 · Answer 1 · answered Jul 29 '14 at 06:08

If you are using contextmenu plugin then you can simply use trigger: 'left' for left button click.

$(function(){
    $.contextMenu({
        selector: '.context-menu-one', 
        trigger: 'left',
        callback: function(key, options) {
            var m = "clicked: " + key;
            window.console && console.log(m) || alert(m); 
        },
        items: {
            "edit": {name: "Edit", icon: "edit"},
            "cut": {name: "Cut", icon: "cut"},
            "copy": {name: "Copy", icon: "copy"},
            "paste": {name: "Paste", icon: "paste"},
            "delete": {name: "Delete", icon: "delete"},
            "sep1": "---------",
            "quit": {name: "Quit", icon: "quit"}
        }
    });
});

You can find plugin details and documentation from click here link

score 1 · Answer 2 · answered Jul 29 '14 at 06:14

jsFiddle demo
You no need to trigger event, contextMenu can be shown manually.

$( function( windowLoadE ) {
    $( "#selector" ).on( "click", function( clickE ) {
        $( this ).contextMenu( { x: clickE.offsetX, y: clickE.offsetY } );
    } );
    $.contextMenu( {
        selector: "#selector", 
        callback: function( key, options ) {
            var m = "clicked: " + key;
            window.console && console.log( m ) || alert( m ); 
        },
        items: {
            "edit": { name: "Edit", icon: "edit" },
            "cut": { name: "Cut", icon: "cut" },
            "copy": { name: "Copy", icon: "copy" },
            "paste": { name: "Paste", icon: "paste" },
            "delete": { name: "Delete", icon: "delete" },
            "sep1": "---------",
            "quit": { name: "Quit", icon: "quit" }
        }
    } );
} );

Or use trigger option to handle left click.

@RahulSonwanshiI just set jQuery 2.1.3 version – ostapische Aug 21 '20 at 09:08 — ostapische, Aug 21 '20 at 09:08

score 0 · Answer 3 · edited Jul 29 '14 at 06:46

0

$(document) .bind('contextmenu', function (e) {
  e.preventdefault();
  if (event.which == 1) {
    $('#menu') .css({
      top: e.pageY + 'px',
      left: e.pageX + 'px'
    }) .show();
  }
  return false;
});

edited Jul 29 '14 at 06:46

Mithun Sreedharan

49,883
70
181
236

answered Jul 29 '14 at 06:19

Kuldeep Modi

26
4

You can not open browser default context menu on left Click , You should either Make Your Own one or just add some simple list :) – Kuldeep Modi Jul 29 '14 at 11:15

score -1 · Answer 4 · answered Jul 29 '14 at 06:57

-1

JavaScript doesn't have the power to open the default browser context menu.

However, you can catch contextmenu event and trigger contextmenu event on simple click:

$('#selector').on('click', function () {
    $(this).triggerHandler('contextmenu');
}).on('contextmenu', function (e) {
    alert('foo');
});

answered Jul 29 '14 at 06:57

Ionică Bizău

109,027
88
289
474

but its not opening context menu – Parshuram Kalvikatte Dec 20 '16 at 07:21

How to trigger contextmenu on left mouse button click?

4 Answers4

Linked