ブラウザの戻るボタンを無効化する

javascriptでブラウザの履歴を操作する

やりたかったことは、

一日一度押せるボタンがあって押したらページ遷移して、遷移先のページから戻るボタンでは前のページに戻らせない（ブラウザバックで戻るとサイドボタンを押せてしまうため）

window.addEventListener('DOMContentLoaded', function () {
  // 戻るボタンを制御
  history.pushState(null, null, location.href);
  window.addEventListener('popstate', (e) => {
    history.go(1);
  });
});

history.pushState(null, null, location.href);

まずこの記述で、偽の履歴を追加しています。

window.addEventListener('popstate', function(e){...}

ブラウザバックのイベントを取得して

history.go(1);

で偽装したページに遷移させます。

以上です。

参考にさせてい頂いたサイト
https://pisuke-code.com/javascript-prohibit-browser-back/
ありがとうございました。