捕获点击围绕iframe的div [英] capture click on div surrounding an iframe

问题描述

如何在iframe周围的div上捕获点击或mousedown事件。我尝试附加功能来点击div上的事件，但是由于iframe不会将事件气泡到周围的div，所以该函数永远不会被调用。有没有办法我可以捕获div上的事件，然后将其传播到iframe进行默认操作

How can i capture a click or mousedown event on a div surrounding an iframe. I've tried attaching the funciton to click event on the div but since the iframe never bubbles the event up to the surrounding div the function is never called. Is there a way i can capture the event on the div and then propagate it to the iframe for default action

推荐答案

如果点击在iframe区域中，iframe上下文处理点击事件，它不会冒泡到iframe父项。因此，如果iframe区域发生，div将永远不会注册点击事件。

If the click is in the iframe area, the iframe context handles the click event, it does not bubble up to the iframe parent. So the div will never register the click event at all if it happened in the iframe area.

此外，如果iframe包含不属于同一个域的页面作为iframe的父母，任何互动都是禁止的（请参阅同一起源政策）。

Furthermore, if the iframe contains a page that does not belong to the same domain as the iframe parent, any interaction is prohibited (re. same origin policy).

当符合相同来源政策时，有你可以做一些事情，你可以在iframe父上下文中调用一个方法：

When the same origin policy is met, there are a few things you can do, you could call a method in the iframe parent context:

top.parentFunction();

所以在iframe中，添加一个事件监听器，代理到iframe父级（可以使用 top 引用。

So in the iframe you add an event listener that delegates to the iframe parent (accessible with the top reference.

传播事件要复杂得多，所以我只是参考 Diego Perini的NWEvents图书馆，我相信他的事件系统是其中一个更好的事件，他特别是iframe交互。

Propagating events is a lot more complicated, so I'm simply going to refer to Diego Perini's NWEvents library. I believe his event system to be one of the better ones out there and he's particular on iframe interaction.

我当然不会开始编写自己的代码来实现这一点，这可以很容易地是一个长达一年的项目，如果你想要正确地做，即使那样会劣于迭戈的工作。

I certainly would not start writing your own code to achieve this, this can easily be a year long project if you want to do it properly and even then will be inferior to Diego's work.

这篇关于捕获点击围绕iframe的div的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！