如何让鼠标事件通过 KineticJS 阶段？

【问题标题】：How to allow mouse events to fall through KineticJS stage?如何让鼠标事件通过 KineticJS 阶段？
【发布时间】：2014-05-14 21:21:57
【问题描述】：

我有一个PanoJS3 组件占据整个屏幕，并在上面设置了一个 KineticJS 阶段。如何使触摸事件通过 KineticJS 阶段下降到下面的内容？

我希望放置在舞台/图层上的任何形状都可以捕捉事件，但是在透明背景周围单击应该可以让我与下面的组件进行交互。

【问题讨论】：

标签： javascript kineticjs

【解决方案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');  
};

【讨论】：