raphael - 事件传播 Raphaeljs

Question

这是我的情况。

• img 标签中有一张图片。Raphael 创建了一个 svg 标签。
• 这个 svg 标签在 body 标签的正下方。svg 标签和 img 标签不共享一个父标签。由于 SVG 上的绝对坐标，svg 覆盖在 img 上。
• 所有 myshapes 都是透明的并且有事件处理程序。
• img 标签有事件处理程序。
• 当我单击时，会触发 raphael 事件，但不会触发 img 事件处理程序。

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

Answer 1

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

触发-a-javascript-click-event-at-specific-coordinates

通过层转发鼠标事件

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("============");
});