ブラウザの×ボタンが押されたときにsubmitする方法

Question

webアプリを作成している初心者です。
ブラウザの×ボタンが押されたときにsubmitしたいのですが、どのようにすればよいかわかりません...

 <form name="back" id="back"  method="post" action="/back">
    <a href="javascript:back.submit()" id="button_home_back_sub">back</a>
</form> ```

window.addEventListener('beforeunload', function (e) {
     $('#back').submit();
e.returnValue = "ページを離れます。よろしいですか？";
}, true); 

と記述しています。
そのうえで、ブラウザの×ボタンを押下すると「このサイトを離れますか？行った変更が保存されない可能性があります。」
という確認ダイアログは表示されるのですが、submitが行われません。
（しかも設定しているメッセージと違う...）

どなたかご存知の方、ブラウザの×ボタンが押されたときにsubmitする方法を教えていただきたいです。

Comments

[yasutomi]

読みづらいのでコードブロックの使用をお願いします。

```html
ここにHTML
```

[m.ts10806]

beforeunloadはブラウザによっても解釈や挙動が違ったと思います。
SUBMITをして何をしたいのでしょうか？ブラウザクローズ自体は止めようがなかったと思います。

Answer 1

beforeunloadは不正を防ぐために制限がおおいです
とくにsubmit自体がunloadするので機能が競合することもあり
制限がかかっているのではないでしょうか？

Comments

[katouke]

なるほど...
別の方法を試してみようと思います！ありがとうございました。