IE9 Eventos de mouse hacia adelante a través de un elemento canvas enmascarado

Question

Mis elementos canvas completamente posicionados están bloqueando todos los eventos del mouse para que no se pueda hacer clic en nada debajo, el mismo problema mencionado here y here.

Tengo varias capas de lienzo que deben estar en un índice Z específico, así que necesito reenviar los eventos del mouse a través de los lienzos. pointer-events: none; obras en buenas navegadores, pero para IE9 que necesitan javascript para hacerlo, aquí está mi solución actual,

var evts = [ 'click', 'mousedown', 'mouseup', 'dblclick'], 
       canvases = $('canvas'); 

      $.each(evts, function(_, event){ 
       canvases.bind(event, function(evt){ 
        var target, 
         pEvent; 
        $(this).hide(); 
        target = document.elementFromPoint(evt.clientX, evt.clientY); 
        $(this).show(); 
        pEvent = $.Event(event); 
        pEvent.target = target; 
        pEvent.data = evt.data; 
        pEvent.currentTarget = target; 
        pEvent.pageX = evt.pageX; 
        pEvent.pageY = evt.pageY; 
        pEvent.result = evt.result; 
        pEvent.timeStamp = evt.timeStamp; 
        pEvent.which = evt.which; 
        $(target).trigger(event, pEvent); 
       }); 
      }); 

ejemplo de trabajo, jsFiddle

preguntas;

1. Estoy creando el nuevo evento y pasando los datos relevantes, ¿sería seguro pasar la var evt con el objetivo y el actualTarget modificado?

2. ¿Cómo puedo propocionar un clic derecho?

¿Alguien tiene una mejor manera de lograr esto? Las otras preguntas relacionadas son bastante antiguas.

Answer 1

No hay limpiar forma de pasar los eventos entre navegadores. Puede pasar el evento (modificado) pero no puede garantizar que funcionará como podría haberlo hecho naturalmente, especialmente en el navegador cruzado.

Para botón derecho del ratón utilizando su código simplemente hacer esto: http://jsfiddle.net/6WMXh/20/

(que utilizó la mitad de la parte jquery información adicional, pero nunca hizo nada con él)