0

Gostaria que ao clicar no link abrisse uma nova aba (mas em background - quero que a aba em foco continue a mesma) e que a aba atual seja redirecionada.

Isto é possível?

Com o código abaixo, é aberta uma nova aba apenas e o foco é alterado para ela.

<a href="https://pt.stackoverflow.com" target="_blank">Visite o Stackoverflow!</a>

7
  • 3
    Tem como descrever o objetivo? Não está muito claro porque abrir uma outra página sem direcionar o usuário. Por quê o usuário iria clicar em um link assim?
    – Woss
    Commented 1/08/2017 às 19:34
  • Parece o procedimento que esses sites de anúncios chatos fazem, clica pra ver o vídeo e abre 500 páginas no fundo.
    – Raizant
    Commented 1/08/2017 às 19:38
  • @Knautiluz, isso :) kkk
    – David
    Commented 1/08/2017 às 19:39
  • 1
    Agora deu pra entender (acho). Você não tem controle sobre isso, quem decide se a nova aba vai abrir em background ou não é o navegador e as configurações do usuário.
    – bfavaretto
    Commented 1/08/2017 às 20:08
  • 2
    Eles mandam abrir novas janelas, mas o navegador define se vai abrir como janela, como aba, e se vai dar o foco ou manter em background.
    – bfavaretto
    Commented 1/08/2017 às 20:29

5 Respostas 5

4

Você pode fazer isso usando o javascript:

Abrir duas abas separadas

HTML:

<a href="#" onclick="abrir_pagina();">Abre duas páginas</a>

JS:

function abrir_pagina() {        
    window.open('http://google.com');
    window.open('https://pt.stackoverflow.com/');
}

Abrir uma na mesma aba e outra externa

HTML:

<a href="https://pt.stackoverflow.com/" onclick="abrir_pagina();">Abre duas páginas</a>

JS:

function abrir_pagina() {        
    window.open('http://google.com');
}
0
3

Aparentemente não é possível abrir uma aba em background, encontrei esta resposta, o teste:

function openNewBackgroundTab(url)
{
    var a = document.createElement("a");
    a.href = url;
    var evt = document.createEvent("MouseEvents");

    //the tenth parameter of initMouseEvent sets ctrl key
    evt.initMouseEvent("click", true, true, window, 0, 0, 0, 0, 0,
                                true, false, false, false, 0, null);
    a.dispatchEvent(evt);
}
<a href="https://pt.stackoverflow.com" onclick="openNewBackgroundTab('https://www.google.com.br');">Redireiciona para a Home</a>

No entanto não funcionou, creio que o Chrome tenha removido esta capacidade.

Acho que não seja possível de forma alguma fazer isto, porque isso seria controlar a máquina/decisão do usuário final e realmente coloque-se no lugar dele, você gostaria que fosse aberto?

O controle de onde a página será aberta deve ser decisão do usuário creio eu, talvez deva mudar a abordagem.

3

É bem simples, é só adicionar o Javascript:

    <a href="https://pt.stackoverflow.com" target="_blank" onclick = "window.location.href = 'http://www.google.com';">Visite o Stackoverflow!</a>

funcionou, uma abre na outra página e a outra atualiza.

Bom pra fazer o que deseja existe algumas possibilidade. Recomendo ver Como abrir uma página em nova aba sem sair da página atual.

Mas note que isso vai depender do navegador e que isso pode ser interpretado como pratica de desrespeito ao usuário do site.

11
  • Quase isso, mas não queria que a página que fosse aberta o navegador me redirecionasse, queria continuar na página que estava, e digamos, so abrir a outra página em outra guia ou nova janela, se é que me entende :)
    – David
    Commented 1/08/2017 às 19:28
  • Mas @David, na pergunta você disse que queria abrir duas URLs!
    – bfavaretto
    Commented 1/08/2017 às 19:35
  • @bfavaretto, concordo, mas queria que fizesse isso tbm, edito a pergunta?
    – David
    Commented 1/08/2017 às 19:36
  • 1
    Tá confuso, as duas coisas ao mesmo tempo não dá. Ou você quer abrir um endereço ou dois...
    – bfavaretto
    Commented 1/08/2017 às 19:38
  • 1
    Mas o que mudou na solução dele de quando era "quase isso" pra agora que é "exatamente isso", @David?
    – bfavaretto
    Commented 1/08/2017 às 19:54
1

Tenta esse código:

$('a.seulink').click(function(e) {
    e.preventDefault();
    window.location= 'http://pagina1.com';
    window.open('http://pagina2.com');
});
-2

Algo como:

<a href="javascript:void(0)" class="meusSites" data-site1="http://google.com" data-site2="http://youtube.com">2 url</a>

E o js:

$('.meusSites').click(function(e) {
e.preventDefault();
window.open($(this).data('site1'));
location.href=$(this).data('site2')
});
1
  • Não funcionou :/
    – David
    Commented 1/08/2017 às 19:39

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .