「閉じる」アクションを適切に処理する CloseWatcher API
CloseWatcherAPIはChrome120で実装されたがdialog要素との関係で一時無効化されたが、Chrome126で復活した。
※2024-06-24時点では、Chrome126、Edge126でのみ利用可能(CanIUse)
PCのESCキー、スマホの戻るボタンを押したことを検知して処理できるため、マルチデバイス対応が容易になる。
const watcher = new CloseWatcher()
watcher.addEventListener('cancel', e => /* キャンセルアクションをしたとき */)
watcher.addEventListener('close', e => /* 閉じるアクションをしたとき */)