iframe - 拖放 Iframe Gridster

Question

我正在像这样的 gridster 中加载 iframe:

<li data-col="1" id="myElement" data-row="1" data-sizex="2" data-sizey="2" class="gs-w" style="display: list-item;">
    <iframe src="myiframe.html"></iframe>        
</li>

我遇到的问题是，我需要拖动带有此 iframe 的元素，但当我这样做时，焦点位于 iframe 上。如果我不拖动它，如何拖动 Iframe 并与 Iframe 内容交互。 iframe 完全覆盖了 li 元素。

Answer 1

我也有同样的问题。 本文解释了解决方案:http://www.maxmakedesign.co.uk/posts/20-gridster-iframe-breaks-drag-and-drop

另一种解决方案可以包括在 iframe 内处理 mouseup、mousedown 和 mousemove 事件，通过 postMessage API 中继它们，然后在可拖动元素上触发它们。