如何使用 jQuery 禁用浏览器后退按钮？

在处理一些与隐私相关的项目时，我们必须确保我们的程序没有任何漏洞。在本文中，我们将看到如何故意禁用浏览器的后退按钮，以便用户无法返回并访问内容。我们有很多场景可以使用这种功能。

例如，在支付网关页面中，我们可以禁用后退按钮，这样如果用户无意中点击了后退按钮，付款就不会被取消。为了在我们的页面上实现此功能，我们将在两个页面之间切换，然后，我们将限制用户返回第一页。

示例：在我们使用 page1.html和page2.html的同一文件夹中创建两个 HTML 文件。在page1.html 中，添加以下代码。

index.html

  

    Disabling browser back button
    
    

  

    Next page
  
    
        $(document).ready(function() {
            function disableBack() {
                window.history.forward()
            }
            window.onload = disableBack();
            window.onpageshow = function(e) {
                if (e.persisted)
                    disableBack();
            }
        });
    

  

在第二页page2.html 上添加以下代码。第二页可以是任何东西，第一页很重要，因为我们在第一页上使用脚本。

测试2.html

  

    Click on back button of browser or 
    use the backspace key on keyboard.

  

输出：

您还可以使用 Vanilla JavaScript 阻止浏览器的后退按钮，因为您可以按照此如何使用 JavaScript 停止浏览器后退按钮文章进行操作。