WEBアプリの排他制御について（ブラウザ閉じるボタンで閉じられることを考慮）

Question

IE11で使用するWEBアプリの排他制御について教えてください。
具体的には、ブラウザの閉じるボタンを押したときの制御です。

環境）
ブラウザ：Internet Explorer 11（インターネットに接続されていない閉鎖系ネットワーク内）
WEBアプリ：php5.6で開発

Ａさんが、登録画面（例：電話対応内容）を開いたときに、
ＤＢ上の排他テーブルにレコードを作成し、
画面上の「閉じる」ボタンまたは「保存」ボタンを押下したときに、
上記のレコードを削除するという実装をしています。
これにより、Ａさんが編集している間、それ以外の人は参照のみとしています。

私の知る限り、ブラウザの閉じるボタンを押したときに、
上記の「閉じる」ボタンまたは「保存」ボタンを押下したときのような
制御をおこなうことができません。
つまり、排他テーブルのレコードは残ったままで、意図せず、他の人が編集できない状態が続きます。

上記の点を解決するような、または全く別の方法でもよいですが、
WEBツールにおいてアプリケーションレベルで排他制御をおこなう設計を教えてください。

よろしくお願いいたします。

Answer 1

閉じるボタンを押す、のだけではなくて、いきなり停電することも考えられる（掃除のおばちゃんインシデント）ため、そこらへんの手当も考えないといけないですね
やっぱり定期的に死活通信しといて、それが途絶えたらどーこーという感じでしょうね

Answer 2

手元にIEが無いので試していませんが、beforeunload イベントで似たようなことができそうな気がします。
beforeunload 以外は、定期的に「開いている」という情報をサーバに送り、それがこなくなったら処理とかでしょうか。

【Window: beforeunload イベント - Web API | MDN】
https://developer.mozilla.org/ja/docs/Web/API/Window/beforeunload_event

【onunload時にPOSTしたい時。 - Qiita】
https://qiita.com/xxxkurosukexxx/items/d5cf85ecedef4ed7c9bd

Answer 3

多くの回答をいただき本当にありがとうございました。
どの回答も参考となったのですが、最終的に、
Window: beforeunload イベント内で、「ajax」で、排他を解除するロジックに処理を渡す設計としました。
ポイントとしては、async: false（同期通信）としたことです。
これが、async: true（非同期通信）とすると、排他を解除する処理が行われる前にブラウザが閉じるようで、排他解除ができません。

なお、この方法はIE11を使う際のもので、現在使われているブラウザでは、
Navigator.sendBeacon
を使えばよいようです。
https://developer.mozilla.org/ja/docs/Web/API/Navigator/sendBeacon

また、複数の方に回答いただいたように、根本的には、ブラウザからサーバに向かって定期的に「開いている」か確認する、という方法があるということが分かったのは大きな収穫でした。
今回はアプリケーションの利用者頻度や場所が限定されるため、ブラウザの異常終了などの際は、手動で排他を解除することとし、この方法は使いませんでした。

ありがとうございました。

Answer 4

Windowsのリモートデスクトップの様な仕組みが良いと思います。
Aさんの排他が有効な時に、Bさんがログインする際、Aさんがログイン中（いつまで処理していたか）である旨を画面表示します。Bさんがログインした場合、Aさんのセッションを無効にします。