单击我网站上的链接时打开新标签页，保持当前标签页处于活动状态

Question

我有这段代码可以满足我的需求。 它会在另一个选项卡中打开链接，但会移动到新打开的选项卡，而使我停留在当前选项卡中。我希望它保持当前选项卡处于活动状态，而新打开的选项卡才刚刚打开。

function loadpopunder() {
                var clicked = false;
                $('a').each(function() {
                    this.onclick = function() {
                        var a = document.createElement("a");
                        a.href = "http://sitetopopeninnewtab.com";
                        if (navigator.userAgent.toLowerCase().indexOf('firefox') > -1)
                        {
                            a.target = "_blank";
                        }
                        if (navigator.userAgent.toLowerCase().indexOf('firefox') > -1)
                        {
//                        var evt = new MouseEvent('click', {'view': window, 'bubbles': true, 'cancelable': true, });
                            var evt = document.createEvent("MouseEvents");
                        }
                        else {
//                        var evt = new MouseEvent('click', {'view': window, 'bubbles': true, 'cancelable': true, 'metaKey': true, 'ctrlKey': true});
                            var evt = document.createEvent("MouseEvents");
                        }
                        evt.initMouseEvent("click", true, true, window, 0, 0, 0, 0, 0,
                                true, false, false, false, 0, null);
                        if (clicked == false) {
                            a.dispatchEvent(evt);
                            clicked = true;
                        }
                    }
                });


if(window.location.href == 'http://mymainwebsite.com/'){
    loadpopunder();
}

Answer 1

无法正确完成此操作，因为您取决于浏览器设置。 即使使用target='_blank'在新标签页中打开url，如果将浏览器设置为在弹出窗口中打开新页面，也不会获得新标签页。

您应该在这里和这里检查有关此问题的其他一些答案。

您可以在评论中看到所有浏览器都有不同的行为。 但是，您可以使用javascript window对象管理新打开的窗口

您可以做的另一件事是使用javascript 可见性api检查窗口是否聚焦。

希望能有所帮助。