How can I make a left-click behave as a right-click?

Question

I would like to know how I could make a left-click behave as a right-click in javascript. I would like that, by doing a left click, the context menu appears.

Regards.

http://stackoverflow.com/questions/6250447/trigger-right-click — elclanrs, Jun 25 '13 at 07:07
Please post your code...? and also please refer http://api.jquery.com/trigger/#example-5 — Hariharan, Jun 25 '13 at 07:07
Thanks for your responses, but I forgot to say I am not using jquery — user2302725, Jun 25 '13 at 07:17
You did not have to say you did not use jQuery, people need to read the tags or ask if in doubt — mplungjan, Jun 25 '13 at 07:19
I hoped this would work but it didn't: `link.onclick=function() { this.oncontextmenu(); return false }` — mplungjan, Jun 25 '13 at 07:19

score 2 · Accepted Answer · edited May 23 '17 at 11:51

Add a click-event listener to the document
save what element was the lowest in the dom-tree that got clicked
fire an event 'rightclick' (or whatever its called) to that element with the same x and y coords as you have received from the click event.

The event listener:

document.addEventListener('click', function(e) {
    console.log(e);
});

This gives you already a lot of information. You'll get the x/y coords of your mouseclick and more important, you get the element that received the click: e.originalTarget (note that events differ from browser to browser).

save the element:

document.addEventListener('click', function(e) {
    var originalElement = e.srcElement || e.originalTarget;
});

and fire a right-click on that element:

document.addEventListener('click', function(e) {
    var originalElement = e.srcElement || e.originalTarget;
    if (document.createEvent) {
        var ev = document.createEvent('HTMLEvents');
        ev.initEvent('contextmenu', true, false);
        originalElement .dispatchEvent(ev);
    } else { // Internet Explorer
        originalElement .fireEvent('oncontextmenu');
    }
});

edit:

it does not seem to work yet, so consider using this method for firing the right-click in pure js: How to generate a right-click event in all browsers

You mean something like : document.addEventListener("click", function(e){e.target.oncontextmenu = function(){} }, false); ? — user2302725, Jun 25 '13 at 07:12
It doesn't work :P What I would need is to make the context menu appear by left clicking on an element :) — user2302725, Jun 25 '13 at 07:24
The link seems to be like you said, it doesn't work. I am keeping searching the answer. — user2302725, Jun 25 '13 at 07:58

score 0 · Answer 2 · answered Jun 25 '13 at 07:10

0

try this

    $(document).contextmenu(function (event) {
        $(event.target).click();
        event.preventDefault();
    })

answered Jun 25 '13 at 07:10

sangram parmar

8,462
2
23
47

Thank you, but I am not using jquery – user2302725 Jun 25 '13 at 07:13
This is the other way around. Right click triggering left click – mplungjan Jun 25 '13 at 07:35

How can I make a left-click behave as a right-click?

2 Answers2

edit: