asked on

how to trigger a right click event

How can I trigger (generate) a right click event?
I can't find anything usefeul and I need pure JS (not jquery)
Thank you

Gary

The purpose of which is to do what?

Big Monty

try this code:

if (document.createEvent) {
  var rightClick = document.createEvent('MouseEvents');
  rightClick.initMouseEvent(
    'click', // type
    true,    // canBubble
    true,    // cancelable
    window,  // view - set to the window object
    1,       // detail - # of mouse clicks
    10,       // screenX - the page X coordinate
    10,       // screenY - the page Y coordinate
    10,       // clientX - the window X coordinate
    10,       // clientY - the window Y coordinate
    false,   // ctrlKey
    false,   // altKey
    false,   // shiftKey
    false,   // metaKey
    2,       // button - 1 = left, 2 = right
    null     // relatedTarget
  );
  document.dispatchEvent(rightClick);
} else if (document.createEventObject) { // for IE
  var rightClick = document.createEventObject();
  rightClick.type = 'click';
  rightClick.cancelBubble = true;
  rightClick.detail = 1;
  rightClick.screenX = 10;
  rightClick.screenY = 10;
  rightClick.clientX = 10;
  rightClick.clientY = 10;
  rightClick.ctrlKey = false;
  rightClick.altKey = false;
  rightClick.shiftKey = false;
  rightClick.metaKey = false;
  rightClick.button = 2;
  document.fireEvent('onclick', rightClick);
}

Open in new window

Gary

That will do nothing.
You cannot emulate a right click only simulate it - in other words you can not make the default right click context menu appear with javascript.

myyis

ASKER

This is what I want to do

<script type="text/javascript">

function showtab (link)
{
document.getElementById("tablink").href=link;

//trigger right click here for the element "tablink" with url goto.php

}

</script>
</head>
<body >
<div oncontextmenu="showtab('goto.php')" >right click me </div>
<a id="tablink" href=''></a>
</body>
</html>

Gary

You have prevent the default action with a return false

<script type="text/javascript">

function showtab (link)
{
document.getElementById("tablink").href=link;

alert(link) // added in to show it working

//trigger right click here for the element "tablink" with url goto.php
return false;
}

</script>

myyis

ASKER

ok but what shall I put for this part? how will I make the trigger?
I want to open the standart box when right clicked a link.

//trigger right click here for the element "tablink" with url goto.php

Gary

Confused
Trigger the right click on the anchor tag to do what?
You have a right click function on the div.

myyis

ASKER

The right click function (oncontextmenu) on the div does not open the standart right click box of a link (an url). I want it to open that standart box.

Gary

You cannot do that, I already told you earlier.

myyis

ASKER

Using this possible?

stackoverflow.com/questions/6250447/trigger-right-click

ASKER CERTIFIED SOLUTION

Gary

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

myyis