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

Question

我的页面中有几个iframes，还有这个:

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

因此，当我单击页面中的任何位置时，我希望我的页面执行特定操作。但是由于iframe在那里，我实际上是在点击iframe，什么也没有发生。我怎么才能绕过这个？也许将iframe设置为背景图像或类似的线条？

Answer 1

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

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