Javascript 停止iframe捕获鼠标输入

我正在使用一个web应用程序，它能够通过html iframe包含其他网页或插件式内容。此应用程序的HTML结构大致如下所示：

问题是，当我拖动大小调整手柄时，iframe会捕获鼠标输入，我猜大小调整逻辑（JS）无法更新正确的区域大小

我想要的基本上是jsbin如何处理iframe（右列中的html输出在iframe中）：jsbin.com

---

您可以调整输出列的大小，而鼠标不会被iframe抓住，这将导致所说的“阻塞”。

jsbin有一个可拖动的

div

，用于调整大小，一个容器

div

，该容器已调整大小，一个透明的

div

，带有9999的

zIndex

，它停留在

iframe

上，这就是它不接收鼠标事件的原因。

当你按下鼠标时，你能在iframe上放置一个透明元素吗？这样，鼠标实际上是在新元素上，而不是在iframe上，也许我可以。您的意思是将iframe包装在一个div中，还是在iframe的上方有另一个div？在包含iframe的同一元素中有一个div（位置：absolute）