EventPropogation Raphaeljs

Question

這是我的場景。

• 在img標籤有一個圖像。有一個由Raphael創建的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("============"); 
});