HTML5でブラウザバックを無効にしたい

質問失礼します。

HTML5にて各ブラウザの戻るボタンを無効にしたいのですが、
以下のソースコードを入力しても戻るが有効のままです。
※正確にはWindows版Chromeでは読み込みから10秒程度経過後に戻るが無効になり、
iPhoneSafariやAndroid Chromeでは効果無し

ある程度の主要ブラウザで戻る無効機能を実装したいのですが、
可能なのでしょうか？
お手数ですが、どなたかご教授頂ければ幸いです。

別htmlから以下のソースコードに遷移後に戻るを押しても無効にしたいと思っています。
宜しくお願い致します。

■ソースコード--------------------------------------------------------------------------------------

<!DOCTYPE html> <html dir="ltr" lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=yes, maximum-scale=1.0, minimum-scale=1.0"> <meta name="robots" content="none" /> <title>TEST2</title> <script type="text/javascript" src="jquery-3.4.1.min.js"></script> <script type="text/javascript"> window.onload = function() { history.pushState(null, null, null); $(window).on("popstate", function (event) { if (!event.originalEvent.state) { history.pushState(null, null, null); return; } }); } </script> </head> <body> <br><br><br> <div align="center"> 戻る禁止です </div> </body> </html>