javascript - 复制鼠标事件以同时控制 2 个或更多堆叠的 div

Question

我正在使用 google plus API for photospheres。为了显示延时全景图，我在彼此之上设置了两个 div，它们通过嵌入式全景图查看器获取 iframe。然后我设置了一个计时器，它从前面到后面的 div 混合在一起，一切正常。

我已经在 jsfiddle 上设置了

我的问题是，这些全景图是交互式的，因此您可以单击它，拖动它并再次单击以恢复自动旋转或使用鼠标滚轮放大或缩小。当我这样做时，我的两张全景图不再同步，因此时间流逝的“错觉”不再起作用。

有没有办法复制所有鼠标事件并将它们同时发送到两个 div？我能够使用 jquery 注册点击次数和

$('#firstDiv').click(function(){$('#seconddiv').click()})  

但我正在努力复制鼠标拖动和滚轮缩放以保持两个全景图同步。

Answer 1

你也许可以试一试这种变化：

$('#firstDiv).on('click', function(){
    $('#secondDiv').trigger('click');
});

但似乎球体的交互式控件是在谷歌方面处理的。因此，除非有一个回调选项（通过将查询字符串参数传递给 iframe）来启用显式控制，否则我会说这是不可能的。