EventPropogation Raphaeljs

Question

내가 가진 시나리오는 다음과 같습니다.

• img 태그에 이미지가 있습니다. Raphael이 만든 svg 태그가 있습니다.
• 이 svg 태그는 body 태그 바로 아래에 있습니다. svg 태그와 img 태그를 사용하면 은 하나의 부모를 공유하지 않습니다. SVG의 절대 좌표 때문에 svg가 img에 오버레이됩니다.
• 모든 myshapes는 투명하며 이벤트 핸들러가 있습니다.
• img 태그에 이벤트 핸들러가 있습니다.
• 클릭하면, Iraph 이벤트 핸들러가 실행되지 않지만 Iraph 이벤트 핸들러가 실행됩니다.

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