モーダルウィンドウをブラウザ戻るボタンで閉じる javaScriptのaddEventListener

Quick Edit Pencil
モーダルウインドウを開くコマンドに下記を追加
 モーダルウインドウが開かれるとブラウザに履歴を残す/登録する
history.pushState(null, null, location.href);

ウチの場合はコレでイケた
window.addEventListener('popstate', function (e) {
    if (/modalOn/.test(document.body.classList)) {
        alert('ブラウザバックを検知しました。');
        document.body.classList.remove('modalOn');
        let elm = document.querySelector('.modalOpen');
        elm.classList.remove('modalOpen');
        return;
    }
});

あと、モーダルを閉じるコマンドにコレも追加しとく
 履歴が+1より増えない たぶん
window.history.back();

とりあえず、入門的な感じ。かなり奥が深い。

History - Web API | MDN

このブログの人気の投稿

Windows 10で、Explorerのナビゲーション ウィンドウの表示/非表示を、キーボードショートカットで切り替える方法

AppleScript 改行 コード 置換

書字方向 横書方向変換スクリプト 左書きから右書きへ(コピペ用途)

カルチャーラジオ 文学の世界 中国古典『易経』から学ぶ帝王学 易経研究家…竹村亞希子

簡単 らじるらじるの聴き逃し番組、NHKラジオのストリーミングを保存・ダウンロードする方法 2019

memo: ショートカットファイルを直接削除する

https://gemini.google.com/search?q=%5B%5BOralHistory%5D%5D