如何让鼠标事件进入KineticJS阶段？

Question

我有一个PanoJS3组件负责整个屏幕，并在其上进行KineticJS阶段。 如何使触摸事件通过KineticJS阶段降到下面？

我想要放置在舞台/图层上的任何形状来捕获事件，但是在透明背景上单击可以让我与下面的组件进行交互。

Answer 1

您必须捕获事件并在“底下”元素上触发SAME事件。

我为您制作了一个小提琴（ http://jsfiddle.net/Q5HtP/ ），主要部分：

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');  
};