ブラウザ・タブを閉じた時のイベント取得

Question

ブラウザを閉じる時、またはタブを閉じる時に実行したい処理(ログアウト処理)があるのですが
イベントの取得方法がわかりません。

調べたのですが、onbeforeunloadを利用した場合、ページを切り替えた場合も拾ってしまうので
それ以外の方法で考えています。
宜しくお願いします。

Answer 1

ブラウザによる違いもありますし、全て拾うのは無理です。
強いて使うならonbeforeunloadですし、他はありません。
本来は画面の外の操作ですしね。

ログアウト処理ということはそのあとAjaxでサーバーサイドの処理を実行するつもりということだと思いますが、ユーザーが離れようとしている(というかそのときには離れてる)のに処理はできないと思って良いです。
(同期処理にすればできるかもしれませんが、ユーザーにとってはフリーズしたように感じるはず)

それなのであれば、前回ログイン時間をセッションなりDBなりに保持しておき、次のアクセスの際に一定期間経っていたらセッションタイムアウトにしてログイン画面に遷移させた方が作りとしては自然ではないでしょうか。

Answer 2

beforeunload以外だとpagehideなどですかね
とはいえクローズを拾えるわけではないのでbeforeunloadと変わりませんが。
どうしてもその仕様が必要なら親ウィンドウから開いた子ウィンドウなら
親ウィンドウが生存確認ができるかもしれません。

そもそもページのクローズをサービス提供者が任意に制御できてしまうと
スパムの温床になりかねない（たとえばウィンドウを閉じさせない不正請求とか）ので、
モダンなブラウザではかなりきつく制限されているようですね