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

Question

我正在使用photospheres的google plus API。为了显示延时全景，我设置了两个div在彼此的顶部，它们与嵌入的全景查看器一起获得帧。然后我设置了一个定时器，从前面到后面的div混合，它都工作得很好。

我在这里设置了jsfiddle

我的问题是，这些全景图是交互式的，所以你可以点击它，拖动它，然后再次点击以恢复自动旋转，或者使用鼠标滚轮放大或缩小。当我这样做的时候，我的两个全景图就不再同步了，所以延时的"错觉"就不再起作用了。

是否有一种方法来复制所有鼠标事件，并将它们发送到两个div在同一时间?我能够使用jquery和

注册点击

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

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

Answer 1

你可以试试这种变化:

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

但是似乎球体的交互控制是在google这边处理的。因此，除非有一个回调选项(通过向iframe传递查询字符串参数)来启用显式控制，否则我认为这是不可能的。