ブラウザの戻るボタンを依存ライブラリ無しで戻れなくする方法 - Qiita

社内向けアプリケーションなんかを作っている時に戻るボタンで画面遷移すると予期しない動きをするので、戻るボタンを押しても戻れないようにしたい場合があります。 そんな時はhtmlの先頭に以下のコードを追加することで戻るボタンを無効化することができます。 このコードはモダンブラウザであれば依存ライブラリ（JQueryなど）なしでも動きます。 このコードでは実際に戻るボタンを無効化するわけではなく、ページを表示するたびに遷移先がnullの履歴を追加する処理を入れることで、戻るボタンの無効化を実現しています。 onpopstateは戻るボタンで画面遷移した時に発火するイベントで、pushStateはブラウザに遷移先を追加するメソッドとなります。 イベントハンドラの外にあるpushStateは、最初に画面をロードした時に実行され、イベントハンドラの中にあるpushStateは戻るボタンを押した時に実行