使跨域iframe与拖动事件交互

Question

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

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

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

是否有办法捕获拖动事件，但仍然使用“指针-事件:无；”？

Answer 1

HTML5有一个能够在顶级文档和I帧之间发送消息的特性。http://ejohn.org/blog/cross-window-messaging/

Answer 2

在一些情况下，您无法与iframe内容进行交互，通常包括如果该iframe内容来自另一个域。

我相信您仍然可以将事件绑定到iframe元素本身(只是不能绑定其中的内容)：

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