Botón Alert On Haga clic y mueva Usuario a Nueva pestaña abierta

He creado un button con enlace que se abre en una pestaña nueva. También he usado javascript para alertar.

Actualmente este código está funcionando perfectamente. Pero después de hacer clic en Aceptar en alerta, el usuario permanece en la misma página. Pero quiero mover usuario a la nueva pestaña abierta. Es posible ?

Mi código es –

<form><input type="button" id="anchor1" style="cursor:pointer" value="Click Here" onClick="window.open(href='http://www.google.com')"></form> <script type="text/javascript"> var anchor = document.getElementById('anchor1'); // or anchor = getElementsByTagName('a') then do ('a')[0] anchor.addEventListener('click', doSomething, false); function doSomething() { alert('You Are About To Open New Tab'); } </script> 

Se necesita ayuda

Aquí está mi JSFIDDLE

Este es super simple

onclick eliminar el atributo onclick de la label de input .

Luego, coloque su código para abrir una nueva pestaña usando JS después de su línea de alert .

 <form><input type="button" id="anchor1" style="padding:5px; cursor:pointer" value="Click Here"></form> 

En tu código JS, haz esto:

 var anchor = document.getElementById('anchor1'); anchor.addEventListener('click', doSomething, false); function doSomething() { alert('You Are About To Open New Tab'); var win = window.open("http://google.com", '_blank'); win.focus(); } 

Violín

Estile la label del anclaje cambiando el color del text a negro y cambiando text-decoration a none :

 <button><a href="http://www.google.com" target="_blank">Click here</a></button> 

HTML

 <form><input type="button" id="anchor1" style="padding:5px; cursor:pointer" value="Click Here" ></form> 

JS

 var anchor = document.getElementById('anchor1'); // or anchor = getElementsByTagName('a') then do ('a')[0] anchor.addEventListener('click', doSomething, false); function doSomething() { alert('You Are About To Open New Tab'); window.open(href='http://www.google.com') }