jQUery context menu on left click

Question

I am using jQuery context menu plugin by Chris Domigan to appy a context menu. This is how it works:

$('#contacts tbody tr').contextMenu('myMenu1', {
    bindings: {
        'copy': function(t) {
             alert('Trigger was '+t.id+'\nAction was Copy');
         },

        'delete': function(t) {
             alert('Trigger was '+t.id+'\nAction was Delete');
        }
    },             
});

Now I want this context menu to appear on left click instead of right click. I can not find an option in the doc. Any ideas how to do that? Do I have to modify the source?

emen · Accepted Answer · 2011-11-21 10:52:21Z

10

I know it's old, but i'll answer it anyways ;)

If you want to call ContextMenu on left-click, just change the line:

$(this).bind('contextmenu', function(e) {

into this:

$(this).bind('click', function(e) {

But if You want to capture more events to display ContextMenu, You can add event names after spacebar, according to jQuery .bind() reference.

For instance, if You want to display the menu on left and right click just change the line into this:

$(this).bind('contextmenu click', function(e) {

edited Nov 21, 2011 at 10:52

answered Nov 21, 2011 at 10:46

emen

1011 silver badge4 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

László Papp Over a year ago

@yonox writes: $(this).bind('contextmenu click', function(e) {

Matthew Manela · Accepted Answer · 2011-01-18 14:43:56Z

3

It looks like you would need to change the code. You need to change this line:

 $(this).bind('contextmenu', function(e) {

into this

 $(this).bind('click', function(e) {

answered Jan 18, 2011 at 14:43

Matthew Manela

16.8k3 gold badges67 silver badges67 bronze badges

Comments

stecb · Accepted Answer · 2011-01-18 14:43:25Z

2

As the title on the source

ContextMenu - jQuery plugin for right-click context menus

Also in the doc there's no info about how to change the kind of click. I think the only thing you could do is to extend that code to work with the basic "click()" too ;)

answered Jan 18, 2011 at 14:43

stecb

14.8k3 gold badges55 silver badges69 bronze badges

Comments

Koha · Accepted Answer · 2011-02-02 21:27:21Z

1

Matthew Manela, thanks for your snippet (spent hours at this point)

Also, in my project I want to support both right and left click. (Maybe someone would need that) To do this you change your code to:

$(this).bind('click contextmenu', function(e) {

answered Feb 2, 2011 at 21:27

Koha

112 bronze badges

Comments

dwerty_weird · Accepted Answer · 2013-12-23 02:52:08Z

1

i know that this is far too late for me to say this.

new contextjs plugin using 'on' instead of bind, because 'on' can define selector like this:

$(document)on('contextmenu','selector',function(e){

i use this to define my 'left' or 'right' :

if(type === 'right'){
    $(document).on('contextmenu', selector, function (e) {
    ....}
else{
    $(document).on('click', selector, function (e) {
    ....}

answered Dec 23, 2013 at 2:52

dwerty_weird

1934 silver badges17 bronze badges

Collectives™ on Stack Overflow

jQUery context menu on left click

5 Answers 5

1 Comment

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

1 Comment

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related