当iframe存在时，单击整个页面上的事件

Question

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

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

因此，当我点击页面中的任何位置时，我希望我的页面执行特定操作。但由于iframe存在，我实际上是在点击iframe而没有任何反应。我怎么能绕过这个？也许将iframe设置为背景图像或沿着那些线？

Answer 1

iframe在技术上会显示不同的文档，而您在自己的文档中所做的事情并不会影响iframe内部的内容。

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