阻止用户在新选项卡中打开链接

时间:2017-03-22 16:11:20

标签: jquery html

我有一个表单在两个网站之间提交,在此过程中将用户从first-website.com转到second-website.com(显然不是他们的真名)

在first-website.com上,我有一个这样的表格:

<a href="#" class="submit-link">click here</a>
<form class="test-form" action="//second-website.com/gohere.php" method="post">
<input name="form-var" type="hidden" value="hello world">
</form>

当点击提交链接时,会触发一些像这样的jQuery:

$(this).find('test-form').submit()

问题是这仅在链接在当前浏览器窗口和选项卡中打开时才有效。如果用户右键单击该链接并选择&#34;打开新标签中的链接&#34; (或单击中心鼠标滚轮等),然后second-website.com无法正确处理表单。如果他们左键单击该链接它可以正常工作并在新选项卡中打开,当用户故意尝试打开新选项卡或窗口时,这只是一个问题。

所以我需要确保用户无法在新选项卡中打开,如果他们使用鼠标中心点击它将在当前选项卡中强行打开。这可能吗?

1 个答案:

答案 0 :(得分:0)

您可以使用以下格式的target="_blank"属性:

<form target="_blank">
    ...
</form>

这样就可以在新标签页中提交表单。

您需要使用常规提交按钮:

<input type="submit" value="click here">

请参阅此jsFiddle