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

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