1つの方法は、HTML5 History APIを使用することです。 history.pushState({popupOpen: false}, "My title", "index.html");
このメソッドは、自動的に(現在はほとんどのブラウザの実装では無視される)ページタイトルとURLの最後の部分を更新し、:あなたがポップアップを開く前に、履歴スタックに状態をプッシュすることができますポップアップを開く
ブラウザバーに表示されます。ほとんどの場合、ここにファイル名を入力できます。最初の引数は、後で状態をポップするときにアクセスできるデータを含むオブジェクトです。
ヒストリスタックに状態をプッシュすると、戻るキーを押すと、ブラウザは通常どおり最後のページに戻りませんが、スタックの最後の状態をポップします。これはすべてのブラウザに適用されますが、モバイルブラウザの機能のみを使用する場合は、history.pushState
に電話する前にブラウザのチェックを行う必要があります。
バックイベントを正しく処理するには、popstate-Eventを購読する必要があります。これは、次のコードで行うことができます。
ユーザーが後でナビゲートするとすぐに発生するイベントリスナーを登録します。 event.state
変数では、状態をプッシュするときに渡したデータに再度アクセスできます。
幸運を祈る!