window.focus() 在谷歌浏览器中不起作用 [英] window.focus() not working in Google Chrome

问题描述

只是想知道 Google Chrome 是否会在某个时候支持 window.focus().当我的意思是支持时，我的意思是让它发挥作用.对它的调用不会失败，它只是什么都不做.所有其他主流浏览器都没有这个问题:FireFox、IE6-IE8 和 Safari.

Just wondering if Google Chrome is going to support window.focus() at some point. When I mean support, I mean have it work. The call to it doesn't fail, it just doesn't do anything. All other major browsers do not have this problem: FireFox, IE6-IE8 and Safari.

我有一个用于管理浏览器窗口的客户端类.当我第一次创建一个窗口时，窗口成为焦点，但随后尝试将焦点移到窗口上不起作用.

I have a client-side class for managing browser windows. When I first create a window the window comes into focus, but subsequent attempts to bring focus to the window do not work.

据我所知，这似乎是一项安全功能，可以避免烦人的弹出窗口，而且它似乎不是 WebKit 问题，因为它在 Safari 中有效.

From what I can tell, this appears to be a security feature to avoid annoying pop-ups and it does not appear to be a WebKit issue as it works in Safari.

我知道有人提出的一个想法是关闭窗口然后重新打开它，但这是一个可怕的解决方案.谷歌搜索表明，我似乎不是唯一对此感到沮丧的人.

I know one idea someone brought forward was to close the window then reopen it, but this is a horrible solution. Googling shows that I do not appear to be the only person frustrated with this.

为了 100% 清楚，我的意思是新窗口，而不是选项卡(选项卡无法从我读过的内容中获得焦点)，并且所有打开的窗口都在同一个域中.

And just to be 100% clear, I mean new windows, not tabs (tabs cannot be focused from what I've read) and all the windows being opened are in the same domain.

除了我上面提到的糟糕的想法，还有其他解决方法吗?

Any ideas, workarounds aside from the bad one I mention above?

Chromium 项目中记录了一个关于此的错误，请查看 这里.感谢您发布Rich.

There is a bug logged on the Chromium project about this, check it out here. Thanks for posting that Rich.

MyCompany = { UI: {} }; // Put this here if you want to test the code. I create these namespaces elsewhere in code.

MyCompany.UI.Window = new function() {
    // Private fields
    var that = this;
    var windowHandles = {};

    // Public Members
    this.windowExists = function(windowTarget) {
        return windowTarget && windowHandles[windowTarget] && !windowHandles[windowTarget].closed;
    }

    this.open = function(url, windowTarget, windowProperties) {
        // See if we have a window handle and if it's closed or not.
        if (that.windowExists(windowTarget)) {

            // We still have our window object so let's check if the URLs is the same as the one we're trying to load.
            var currentLocation = windowHandles[windowTarget].location;

            if (
                (
                    /^http(?:s?):/.test(url) && currentLocation.href !== url
                )
                    ||
                (
                    // This check is required because the URL might be the same, but absolute,
                    // e.g. /Default.aspx ... instead of http://localhost/Default.aspx ...
                    !/^http(?:s?):/.test(url) &&
                    (currentLocation.pathname + currentLocation.search + currentLocation.hash) !== url
                )
            ) {
                // Not the same URL, so load the new one.
                windowHandles[windowTarget].location = url;
            }

            // Give focus to the window. This works in IE 6/7/8, FireFox, Safari but not Chrome.
            // Well in Chrome it works the first time, but subsequent focus attempts fail,. I believe this is a security feature in Chrome to avoid annoying popups.
            windowHandles[windowTarget].focus();
        }
        else
        {
            // Need to do this so that tabbed browsers (pretty much all browsers except IE6) actually open a new window
            // as opposed to a tab. By specifying at least one window property, we're guaranteed to have a new window created instead
            // of a tab.
            windowProperties = windowProperties || 'menubar=yes,location=yes,width=700, height=400, scrollbars=yes, resizable= yes';
            windowTarget = windowTarget || "_blank";

            // Create a new window.
            var windowHandle = windowProperties ? window.open(url, windowTarget, windowProperties) : window.open(url, windowTarget);

            if (null === windowHandle) {
                alert("You have a popup blocker enabled. Please allow popups for " + location.protocol + "//" + location.host);
            }
            else {
                if ("_blank" !== windowTarget) {
                    // Store the window handle for reuse if a handle was specified.
                    windowHandles[windowTarget] = windowHandle;
                    windowHandles[windowTarget].focus();
                }
            }
        }
    }
}

推荐答案

我一直在努力解决这个问题.我想要一个对另一个窗口的引用，所以我发出了一个:

I've been struggling with this issue. I wanted a reference to another window, so I was issuing a:

otherWinRef = window.open("","OtherWindow");

但是，当我发出此命令时，浏览器会将焦点切换到其他窗口.我认为这可以通过这样做来解决:

However when I issue this command, the browser will switch focus to the OtherWindow. I thought this could be addressed by doing this:

otherWinRef = window.open("","OtherWindow");
window.focus();

但是 window.focus() 没有效果.我试过了:

but the window.focus() has no effect. I tried:

otherWinRef = window.open("","OtherWindow");
setTimeout(window.focus,0);

但是 window.focus() 调用仍然没有效果.

But the window.focus() call still had no effect.

我通过将以下代码添加到 OtherWindow 的源代码中解决了该问题.

I resolve the issue by adding the following code to the OtherWindow's source.

function Bounce(w) {

        window.blur();
        w.focus();
}

然后我将主窗口中的代码改为:

Then I changed the code in the main window to:

otherWinRef = window.open("","OtherWindow");
otherWinRef.Bounce(window);

这篇关于window.focus() 在谷歌浏览器中不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！