【JavaScript】beforeunloadイベントがIE以外のブラウザで機能しない

Question

前提

PHP、JavaScriptを利用したシステムについて

ページが閉じられた際、JavaScriptのbeforeunloadイベントでアクションを呼び出し、画面入力された内容をDBに保存します。

こちらのbeforeunloadイベントがIEでしか機能せず、IE以外のブラウザではページを閉じた際にデータが保存されません。

実現したいこと

• IE以外のブラウザの時、JavaScriptでページが閉じたことを判定させたい

該当のソースコード

	// ページを閉じる
	$(window).on("beforeunload",function(e){
　　	// 画面入力内容の保存処理
	});

試したこと

・Chrome、Edgeで試しましたがどちらも機能しませんでした。
・"unload"イベントで試しましたが変わらず。

もしわかる方いればご回答よろしくお願いします。
実現は難しい、といったことでもご教授お願いします。

Comments

[int32_t]

保存処理では具体的に何をしていますか? XHR ですか?
ブラウザの開発者ツールのコンソールに何か出ていませんか?

Answer 1

直接の解決策ではないですが、既に回答にある通りブラウザによって実装がまちまちで「確実に全ての環境で対応する」のは非常に難しいと思います。
個人的には画面内に「閉じる」ボタンを置いてそのボタン経由で対応されるようにした方が良いかと。
同じ理由でブラウザバックも動作保証はしない方向で考えたいです。

Answer 2

beforeunloadはブラウザによって実装がまちまちです
「画面入力された内容をDBに保存」が具体的に何をやりたいのかわからないので
なんともいえません。

<script>
window.addEventListener('beforeunload',(e)=>{
  console.log(e.type);
  e.preventDefault();
  e.returnValue = '';
});
</script>
<a href="https://google.com">google</a>

ページから抜けようとするとコンソールに「beforeunload」が表示されるのが確認できると思います