按钮上的警报单击并将用户移动到打开的新选项卡 [英] Alert On Button Click And Move User To Opened New Tab

问题描述

我创建了一个带有链接的按钮，该按钮会在新标签页中打开.我还使用了JavaScript进行提醒.

I have Created a Button With Link Which opens in new tab. I have also used javascript to alert.

当前，此代码运行良好.但是在警报"中单击确定"后，用户将停留在同一页面上.但是我想将用户移动到新打开的选项卡.有可能吗?

Currently this code is working perfectly. But After Clicking OK in Alert, user stays on same page. But I Want To Move User To New Opened Tab. Is it possible ?

我的代码是-

<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>

需要帮助

这是我的 JSFIDDLE

Here Is My JSFIDDLE

推荐答案

这个非常简单.

您需要从 input 标记中删除 onclick 属性.

You need to remove the onclick attribute from the input tag.

然后，在您的 alert 行之后，使用JS将代码放入新标签页.

Then, put your code to open new tab using JS after your alert line.

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

在您的JS代码中，执行以下操作:

In your JS code, do this:

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();
}

小提琴

这篇关于按钮上的警报单击并将用户移动到打开的新选项卡的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！