EventPropogation Raphaeljs

Question

这是我的情景。

• img标签中有图像。拉斐尔创建了一个svg标签。
• 此svg标记直接位于body标记下。 svg标签和img标签 不共享单亲。由于SVG上的绝对坐标，svg叠加在img上。
• 所有myshapes都是透明的，并且有事件处理程序。
• img标签有事件处理程序。
• 当我点击时，会触发raphael事件，但img事件处理程序不会被触发。

如何启用从Raphael的SVG到img标签的事件传播。

Answer 1

以下是我如何解决它的问题，我还链接了一些非常好的帖子，详细讨论了这个问题。

triggering-a-javascript-click-event-at-specific-coordinates

forwarding-mouse-events-through-layers

raphaeljs-creating-click-through-elements

$('svg').click(function(e){
   var event = new jQuery.Event("click");
   event.pageX = e.pageX;
   event.pageY = e.pageY;
   $("#elem").trigger(event);
   console.log("============");
});