javascript - IE8 将弹出浏览器窗口移至背景

Question

我需要打开弹出对话框，然后将焦点设置在父窗口的元素上。但一旦设置焦点(5 秒后)，弹出对话框就会移至背景(此行为仅可在 IE8 中重现)。

有代码可以演示此行为:

父页面:

<h:head>
    <h:outputScript name="jquery.js"/>
    <script type="text/javascript">
        var showPopup = function () {
            window.open("http://localhost:8880/pages/reader.xhtml", "Popup");
        };

        var setupFocus = function () {
            setTimeout(function () {
                $('#mainFrm\\:nameInp').focus();
            }, 5000);
        };
    </script>
</h:head>
<h:body>
    <h:form id="mainFrm">
        <h:inputText id="nameInp"/>
        <h:commandButton type="button" onclick="showPopup(); setupFocus()" value="Show Popup"/>
    </h:form>
</h:body>

弹出对话框页面(为空):

<h:head>

</h:head>
<h:body>

</h:body>

这个问题有解决办法吗？

Answer 1

这种行为似乎是“按照设计的”。毕竟，您将焦点设置到弹出窗口之外的元素，因此将弹出窗口移动到背景是有意义的。