Como identificar se qualquer link originado de um iframe
que não tenho acesso foi aberto em uma nova guia?
Tentei com document.getElementById("i").addEventListener("click", a);
, mas ao que percebi não é possível usar onclick
em um iframe
ao menos que tenha acesso direto ao código fonte do iframe
Tentei com uma div
sobreposta porém anula o primeiro click no iframe
sendo que é necessário mais de um click para abrir o link
Então procurei como identificar se um link foi aberto em uma nova guia e não achei nada parecido.
O usuario da minha pagina tem que completar uma tarefa no iframe
ao terminar a tarefa dentro do iframe
uma pagina será aberta em nova guia, como identificar se a guia foi aberta?
Snippet de exemplo:
document.getElementById("i").onclick = function a(){
console.log("ok")
}
Preencha com seu nome e conclua<br>
<iframe id="i" src="https://editor.sollic.com/iframe.html"></iframe>
O mais proximo que cheguei foi por meio de uma div
sobrepondo o iframe
.
Pagina de exemplo: https://editor.sollic.com/stackoverflow
Explicando o código:
Ao passar o mouse sobre a div
ela desaparecerá por 1 segundo sempre que o mouse estiver sobre ela permitindo que clique em qualquer lugar até que a pagina saia de foco, com isso se a div
estiver oculta e a pagina sair de foco ativará o "gatilho" que enviará "ok" no console ou no caso do link de exemplo mudará a cor de fundo para vermelho.
Porém há momentos que funciona corretamente e em outros não funciona ou funciona de forma errada, como clicando em qualquer lugar e recebendo a mensagem do console ou mudando a cor de fundo.
O snippet não funciona corretamente pois o stackoverflow bloqueia.
var foco = true;
function con() { //função que será ativada ao passar o mouse
window.onblur = function(){foco = false} //verifica se a pagina está fora de foco
window.onfocus = function(){foco = true} //verifica se a pagina está em foco
if(foco!=false) {document.getElementById("a").style.display='block'} //se a pagina estiver em foco reativa a div
else {console.log("ok")} //se a pagina estiver em foco envia "ok" no console
}
function la() {document.getElementById("a").style.display='none'} //desativa a div
#a{
position:absolute;
z-index:1;
background:#000;
width:304px;
height:155px
}
<div id="a" onmouseover="setTimeout(con, 1000);la();"></div>
<iframe id="i" src="https://editor.sollic.com/iframe.html"></iframe>
window.onblur
, já que, quando uma nova é aberta, oblur
é disparado no documento da aba que estava ativa.blur
tb é disparado quando vc muda de aba, aí não tem como saber se o evento foi disparado por causa do iframe.