Verlorene Rechtsklick-Funktionalität auf einen Hyperlink, der ein POST-Formular mit Javascript

Question

sendet Ich habe einen Hyperlink, der ein verstecktes Formular über POST an eine andere Website übermittelt. Wenn Sie jedoch mit der rechten Maustaste auf diesen bestimmten Hyperlink klicken und versuchen, ihn auf einer neuen Registerkarte zu öffnen, wird nur eine leere neue Registerkarte geöffnet, anstatt zur Website zu wechseln.

Es funktioniert nicht wie ein Benutzer erwarten würde, dass ein Hyperlink funktioniert.

Gibt es eine Möglichkeit, diese verlorene Funktionalität wiederzuerlangen, wenn Hyperlinks POST-Formulare senden? Wenn nicht, gibt es einen besseren Weg, einen Hyperlink zu senden, der eine POST-Anfrage sendet, ohne die Funktionalität zu verlieren, um sie mit der rechten Maustaste in eine neue Registerkarte zu klicken?

Beispiel:

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

Answer 1

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

Wenn Sie das alles inline halten müssen, können Sie die oben tun. Das onclick-Ereignis übernimmt die Aktion für den Link, Sie können jedoch weiterhin mit der rechten Maustaste klicken und auf das href-Attribut zugreifen. Ich würde mich dafür entscheiden, dies aus der Reihe zu bringen.