マウスの中クリックを押して、フォームで飛ばした遷移後の画面を別タブで開きたい

Question

aタグの文章に対してマウスの中クリックで押すと、別タブで遷移後の画面が開くのはご存知だと思います。

これを例えばformタグで飛ばした遷移後の画面に対しても、中クリックで別タブで開くようにしたいと思っています。

おそらくJqueryで実装できるかと思うのですが、どなたかご存知の方はいらっしゃいますでしょうか？

Answer 1

type="submit"だとスクリプト書かなくても別タブで開いたので、type="button"にしてあります。

<form>
  <input type="button" id="btn_submit">
</form>

$('#btn_submit').click(function(e){
  this.form.target = (e.button == 1)? '_blank' : '_parent';
  this.form.submit();
});

Answer 2

個人的に中クリックを使うことは無いので「中クリックで別タブで開く」が標準なのか定かではありません。

ですが質問者さんの意図として別ブラウザで開きたいのでしたら、

<form name="form1" action="b.html" method="post" target="_blank">

<a href="b.html" target="_blank">

等のように「target」属性を付けて別ブラウザで開くことを明示すべきだと思います。

例えばノートPCやスマホ・タブレット等、ホイールクリックできないデバイスはいっぱいありますから。