마우스 이벤트가 KineticJS 단계를 통과하도록 허용하는 방법은 무엇입니까?

Question

PanoJS3 구성 요소에는 전체 화면과 그 위에 KineticJS 단계가 있습니다. 터치 이벤트가 KineticJS 단계를 거쳐 아래로 떨어지게하려면 어떻게해야합니까?

스테이지/레이어에 배치 된 모든 모양이 이벤트를 캡처하고 싶지만 투명한 배경을 클릭하면 아래의 구성 요소와 상호 작용할 수 있어야합니다.

Answer 1

이벤트를 catch하고 'underneath'요소에서 SAME 이벤트를 트리거해야합니다.

var stage = document.getElementById('stage'); 
var pano = document.getElementById('pano'); 

pano.onclick = function(e) { 
    var event = new MouseEvent('click', e); 
    stage.dispatchEvent(event); 
}; 

stage.onclick = function(e) { 
    console.log(e); 
    alert('click'); 
}; 

:

나는 위해 Keypart, 당신을 위해 바이올린 ( http://jsfiddle.net/Q5HtP/)를 만들어