≪ Today I learned. RSS購読
公開日
タグ
JavaScript
著者
ダーシノ(@bc_rikko)

「閉じる」アクションを適切に処理する 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 => /* 閉じるアクションをしたとき */)