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

Question

我正在使用google plus API for photospheres。 为了显示时间流逝的全景图，我已经在彼此的顶部设置了两个div，它们使用嵌入式全景查看器获得iframe。 然后我设置了一个从前面到后面div混合的计时器，一切正常。

我在这里设置on jsfiddle

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

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

来记录点击次数

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

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

Answer 1

你可以给这个变化一个镜头：

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

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