问Javascript弹出窗口焦点问题

EN

在没有用户交互的情况下打开弹出式窗口和在没有用户交互的情况下聚焦弹出式窗口都是浏览器安全性的问题。另外，由于安全性是独立维护的，这是浏览器特有的。

如果用户已经接受显示阻塞的弹出窗口，则可以打开弹出窗口而无需用户交互。但是，允许弹出窗口不允许对任何弹出窗口对象调用focus方法。另一个，所以答案触及到了这个如果您想要更多的信息。

您可以使用以下代码处理此问题。加载页面不允许在Safari、Chrome或Firefox中打开弹出窗口(请记住，我是在mac上，所以windows浏览器的结果可能有所不同)。如果允许被阻止的弹出窗口，或者已经打开了以前访问站点的弹出窗口，那么该窗口将在所有3种浏览器中重新加载url。只有Safari允许在这个已经弹出的窗口上调用focus，而没有用户交互(onload)，Chrome和火狐不允许。但是正如您可以看到的那样，单击focus按钮仍然可以将弹出式窗口聚焦到所有3种浏览器上，这表明这是可能的，但浏览器只是阻止了它。因此，从我可以看出，这是可能的，只有在Safari (再次记住，我还没有尝试IE)。但无论是哪种方式，我都不认为强迫你的用户使用特定的浏览器来正确地浏览你的网站是不好的。

var w;

function PopupDelete(delete_images) {
    w = window.open('/testing/t/', 'PopupDelete', 'width=500,height=400,scrollbars=yes');
    console.log(w);
    w.focus();
}

$(function () {
    PopupDelete();

    $('#open').click(PopupDelete);
    $('#focus').click(function () {
        console.log('f', w);
        w.focus();
    });
});

演示

还请记住，即使您可以这样做，当您重新加载父窗口时，它是重新打开弹出窗口并替换前一个窗口(这是必须的，因为据我所知，您无法获得以前打开的窗口的window对象，因此没有办法在不重新打开它的情况下保持该变量的焦点)。所以这个弹出式窗口无论如何也不能保持它的完整性。我认为必须有更好的办法来完成这项任务。

在页面加载中，可以显示此弹出窗口。

$(document).ready(function () {
    window.open("URL","Hello","width=500,height=500,scrollbars=yes")
});