在使用Javascript提交POST表单的超链接上失去了右键单击功能

Lost right-click functionality on a hyperlink that submits a POST form using Javascript

本文关键字：失去 右键 功能 单击 超链接 Javascript 提交 表单 POST      更新时间：2023-09-26

我有一个超链接，通过POST提交一个隐藏的表单到另一个网站。但是，如果您右键单击这个特定的超链接并尝试在新选项卡中打开它，它只会打开一个空白的新选项卡，而不是转到该站点。

它的功能与用户期望的超链接的功能不同。

有超链接提交POST表单时，是否有办法恢复这种失去的功能?如果没有，有没有更好的方法让超链接发送POST请求而不失去右键单击它进入新选项卡的功能?

的例子:

<form id="my_form" method="POST" action="http://foo.bar">
    <input type="hidden" name"foo" value="bar">
</form>
<a href="javascript:document.getElementById('my_form').submit();">hyperlink</a>


<form id="my_form" method="POST" action="http://foo.bar">
    <input type="hidden" name"foo" value="bar">
</form>
<a href="enter/url/to/site/here" onclick="event.preventDefault();javascript:document.getElementById('my_form').submit();">hyperlink</a>

如果你必须保持内联，你可以这样做。onclick事件将接管链接上的操作，但您仍然可以右键单击并访问href属性。不过我还是会选择把它移出行

相关文章：