使用 Javascript 阻止 Android 后退按钮

Question

我有一个带有 CSS 和 Javascript 的简单 HTML 应用程序。我想阻止用户按后退按钮。我已经使用 JavaScript 实现了它并且运行良好。我的问题是它不适用于 Android 设备，当用户按下设备上的“硬件”后退按钮时，他们会被重定向回上一页。

我已经查遍了一切，但还没有找到任何答案。有人能指出我正确的方向吗？

我没有使用 Cordova、ionic 等。这只是一个简单的 HTML 网页。

Answer 1

这是我遇到的答案：

history.pushState(null, null, window.top.location.pathname + window.top.location.search);
        window.addEventListener('popstate', (e) => {
            e.preventDefault();
            // Insert Your Logic Here, You Can Do Whatever You Want
            history.pushState(null, null, window.top.location.pathname + window.top.location.search);
        });