检测点击iframe外部

时间:2013-10-11 15:27:04

标签: javascript jquery iframe

我有一个程序(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)来隐藏弹出窗口,这是我无法弄清楚的。帮助...

1 个答案:

答案 0 :(得分:5)

我认为这可以通过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();
    }
});