javascript - 检测 iframe 外的点击

Question

我有一个程序（pgmA），它创建一个基本页面，左侧有 4 个垂直选项。当用户单击其中一个选项时，程序 (pgmB) 将在 iframe 中运行，从数据库中检索信息并显示一些信息以及 4 个水平选项卡。然后，用户可以单击一个选项卡并显示一个包含更多信息的弹出窗口。要隐藏弹出窗口，用户可以单击“关闭”或 iframe (pgmB) 内的任何位置。以下代码用于在用户在 iframe (pgmB) 内单击时隐藏弹出窗口：

$(document).mouseup(function(e) {
    var cont = $('#PopUpInformation');
    if (!cont.is(e.target) &&cont.has(e.target).length === 0) {
        cont.hide();
    }
});

这部分效果很好，但我也希望用户能够单击页面上的任何位置（pgmA）来隐藏我无法弄清楚的弹出窗口。帮助...

Answer 1

我认为这可能是可能的parent，我猜你问题中的代码在<iframe/>. 所以，你可以尝试这样的事情。

$(document).add(parent.document).mouseup(function(e) {
    var cont = $('#PopUpInformation');
    if (!cont.is(e.target) && cont.has(e.target).length === 0) {
        cont.hide();
    }
});