iframe 存在时整个页面的点击事件

Question

我的页面中有几个 iframe，然后是：

$(document).click(function() {
                if (x) {
                    action();
                }
                else if(y) {
                    anotherAction();    
                };

因此，当我单击页面中的任意位置时，我希望我的页面执行特定操作。但是由于 iframe 在那里，我实际上是在点击 iframe 并且没有任何反应。我怎样才能解决这个问题？也许将 iframe 设置为背景图像或类似的东西？

Answer 1

iframe 在技术上显示的是不同的文档，您在其中执行的操作不会影响 iframe 内部的内容。

我能想到的最快解决方法是在 iframe 上放置一个您自己的透明 div，使其页面中的内容覆盖 iframe 内容，但这可能不是一个正确的解决方案，具体取决于 iframe 是什么应该显示。