serip39 https://blog.hatena.ne.jp/serip39/ 7839 https://serip39.hatenablog.com/ 技術 JavaScript React 今回、HP 内で意図的にブラウザバックを制御して、UX を向上させられるようにしたので、実装方法を紹介する。 ブラウザバックの制御に関して 実装例 まとめ ブラウザバックの制御に関して ブラウザバックを制御するためには、セッション履歴を操作する必要がある。制御の流れは以下である。 ページがレンダリングされたら、ダミーのセッション履歴を追加しておく ユーザーがブラウザの「戻る」ボタンを押す（1. でダミーの履歴を挿入していたので、実際にはブラウザバックが動作しない） popstateイベントが発火する 条件に応じて、以下を実行する a. ブラウザバックをする b. 任意の操作をする（再度、ブラウ… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fserip39.hatenablog.com%2Fentry%2F2020%2F12%2F20%2F210000" title="【JS / React】ブラウザバックを制御する - 7839" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/s/serip39/20200524/20200524234831.jpg Hatena Blog https://hatena.blog 2020-12-20 21:00:00 rich https://serip39.hatenablog.com/entry/2020/12/20/210000 1.0 100%