ブラウザを閉じるボタン押下時、イベント発火で処理をしたい

Question

表題の通り
ブラウザのｘボタンを押したときに
イベント発火(js)で行いたいです。
その際、閉じられる前に非同期処理を行いたいのですが
調査してもできそうでできないような感じです。
方法をご存じの方いましたらご教示ください。

例です
function 閉じる(){
　　　非同期通信をして特定の処理
　　　success{
        成功したらブラウザを閉じる
     }
　　　失敗したら閉じない
}

このような形が希望です。
よろしくお願いします。

Answer 1

その際、閉じられる前に非同期処理を行いたいのですが
調査してもできそうでできないような感じです。

閉じるイベントはないので、出来ません。

• UI Events （日本語訳）

閉じるイベントが実装されると、ユーザビリティが低い挙動になる事から、将来的にも仕様化される可能性は低いと考えます。

Re: zcraft さん

Comments

[zcraft]

ご回答ありがとうございます。
確かにそのようですね。
考え方を変えてまったく違う方向で実装をしたら
希望に近いものができそう道がみえてきました。
本当にありがとうございました。

Answer 2

beforeunloadイベントにリスナーを登録していると、ページが閉じられる直前のタイミングで処理を実行することはできます。(例えば、このteratailも回答欄に文字を打った状態でページを閉じようとするとダイアログが出ます)

window.addEventListener('beforeunload', event => {
  return '閉じるときに出るメッセージ'
})

ただ、基本的にはダイアログを表示することを想定したものだと思うので、非同期処理はできなさそうな気がします。まぁ一回試してみるのもいいと思います。

Comments

[zcraft]

ご回答ありがとうございます。
こちらのイベントハンドラは試しており、希望通りの動作にならないことを
確認しております。
やはり不可能なのですね。