打开子弹出窗口时禁用父窗口

Question

我有一个在子窗口中弹出的aspx页面。 有没有一种方法可以使父窗口在弹出子窗口关闭之前不可访问？

作为记录，我使用以下jQuery代码打开和关闭弹出窗口。 在父页面上：

      $(document).ready(function () {
            $('#btnLogos').click(function () {
                window.open("Logos.aspx", "List", "scrollbars=no, resizable=no, width=500, height=350");
            });
        });

当从父aspx文件中单击名为“ btnLogos”的按钮时，上面的代码触发，然后在子弹出窗口中，我使用以下jQuery：

    $(document).ready(function () {
    $('#btnSubmit').click(function () {
        var val = $('input:radio[name=myRadio]:checked').val();
        $(window.opener.document).find('#txtLogos').val(val);
        window.close();
    });
});

从上面的代码中可以看到，它不仅关闭弹出子窗口，而且还通过单击按钮将值传递到父窗口中的文本框。 现在我唯一的问题是确保在单击子窗口中的该按钮之前，无法访问父窗口。 我尝试使用从CSS到Javascript的各种解决方案，但未成功。 我也知道可以使用showModalDialog完成此操作，但是此站点必须在任何浏览器上运行，而不仅仅是IE。 关于如何实现这一目标的任何想法？

谢谢。

Answer 1

在弹出窗口中尝试以下代码：

 $(window).on("blur", function(){ ... });

每次用户离开窗口时都会触发。 在参数函数内部，应该可以使窗口重新获得焦点，也许可以使用$(this).focus()或self.focus() 。

我自己还没有测试过。 祝好运！