使跨域iframe与拖动事件交互

Question

我了解与跨域iframe相关的问题，但我仍然需要一个解决方案。

我最接近的是将position:absolute;元素悬停在iframe的顶部，这仍然会识别我的滑动或拖动事件。但我仍然需要能够与下面的iframe进行交互，因为它是一个评论系统。

使用pointer-events:none;的css属性设置绝对定位元素使我​​能够与注释系统进行交互，但是我无法捕获拖动事件。

有没有办法可以捕获拖拽事件并且仍然使用'pointer-events：none;`？

Answer 1

您可以在多种情况下与iframe内容进行互动，通常包括iframe内容是否来自其他域。

我相信你仍然可以将事件绑定到iframe元素本身（只是内部的东西）：

$('iframe').on('click',function() {
    $(this).css({
        'border':'5px solid red'
    })
});

Answer 2

HTML5具有能够在顶层文档和I帧之间发送消息的功能。 http://ejohn.org/blog/cross-window-messaging/