#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/
ありがとうございました。