EventPropogation Raphaeljs

Question

Вот сценарий, который у меня есть.

• В изображении img есть изображение. Существует тэг svg, созданный Рафаэлем.
• Этот тэг svg находится непосредственно под тегом тела. Теги svg и тег img делают не делить одного родителя. svg накладывается на img из-за абсолютных координат на SVG.
• Все объекты myshapes являются прозрачными и имеют обработчики событий.
• img tag имеет обработчики событий.
• Когда я нажимаю, события raphael запускаются, но обработчики событий img - нет.

Как включить распространение событий из SVG Raphael в 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("============"); 
});