javascript - Cómo generar un evento de clic derecho en todos los navegadores

javascript-events dojo

Question

Un pequeño contexto:
La aplicación en la que estoy trabajando tiene un menú contextual con el botón derecho del ratón para ciertos objetos en la pantalla. El diseño actual es que cada uno de estos objetos escucha un clic derecho, envía una solicitud AJAX para obtener los datos de contexto para ese objeto, usa esa información para crear un PopupMenu2 de Dojo 0.4.3 (¡Lo sé!) Y luego genera un clic derecho para abrir el menú de Dojo.

Estoy tratando de encontrar una manera de generar un evento de clic derecho para todos los navegadores. Actualmente, solo admitimos IE y usamos el evento oncontextmenu.

Restricciones

• No jQuery :(
• No puedo precargar todos los datos de los objetos en la pantalla para crear el menú de Dojo y evitar la solicitud de AJAX.

Answer 1

Esto debería comenzar a generar un evento de clic derecho. La clave del clic derecho es el parámetro del botón: button = 2.

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);
}

Sugeriría Googleing para ''document.createEvent'' y ''document.createEventObject'' para más detalles sobre la API de los sitios de Mozilla y MSDN.

¡Espero que esto ayude!