JavaScript ブラウザの戻るを無効化

Question

https://www.sejuku.net/blog/95024
上記を参考に戻る無効を実装してみましたが、
無効になりません
なぜでしょうか
原因がわかる方お願いいたします
Firefox

<script>
window.onload=function(){
    window.addEventListener("popstate", function (e) {    
        history.pushState(null, null, null);
        return;     
    });
}
</script>

Comments

[yambejp]

「戻る」の定義をお願いします。
別のページに移動して戻るで戻ってきたときに発動したいのか、
自分のページから戻るをできないようにしたいのか
そのたどういう状況でしょう？

Answer 1

　これを忘れていませんか？

そこで、popStateイベント処理と一緒に次の1行も追記しておけば良いでしょう。
JavaScriptでブラウザのバック(戻る)ボタンを制御・禁止する方法 | 侍エンジニアブログ

---

　しかしなんというか、さらっと書いてある説明が普通に間違ってるところなんか、さすがは侍エンジニア塾ですね。ほんとあそこの記事は適当すぎる。

pushStateメソッドを引数すべてnullに設定して実行しているのが分かりますね。これにより、ブラウザの履歴には何も追加しないことになる
JavaScriptでブラウザのバック(戻る)ボタンを制御・禁止する方法 | 侍エンジニアブログ

この引数が指定されなかった場合、この文書の現在の URL が設定されます。
History.pushState() - Web API | MDN

---

　ところで、このやり方は Firefox では動きますが、Chrome では動かないです。

HistoryAPIを利用した、ブラウザバック抑止がChromeで動かない

　対処法はないと思っていいです。

Answer 2

window.onload=～
いうのを複数回書いてしまって上書きしていませんか。

window.onloadを２つ以上使いたい時はaddEventListenerを使えばOK | 教えて！おねだーりん