Javascript 避免在单击“浏览器后退”按钮时重新加载页面

我使用的是jQXwidgets，类似于以下内容。如图1所示，我在列表的最后一个

91-100

部分。假设我点击第一条记录，那就是

Regina

，我将进入我网站的下一页。然而， 当我单击browser back（浏览器返回）按钮时，它会重新加载页面，我返回到第一个列表，显示

1-10

，如

image#2

问题：

是否可以使用浏览器后退按钮在同一列表中登录

91-100

其中列出了

Regina

名称？或者我需要添加后退按钮，并做些什么来实现这一点？请告知。谢谢

图像#1:

---

图像#2:

您需要一些javascript来取消事件

<script>    
history.pushState(null, null, document.URL);
   window.addEventListener('popstate', function () {
   history.pushState(null, null, document.URL);
});
</script>

pushState（null，null，document.URL）；
addEventListener（'popstate'，函数（）{
pushState（null，null，document.URL）；
});

---

试试看？

图像没用。请添加代码，这当然是可能的；使用。您如何在代码中实现这一点是任何人的猜测，因为您还没有展示它。谢谢。我要试试这个。因此，这将在添加后退按钮后起作用，或者它也应该与浏览器的后退按钮一起起作用？具体来说，这将劫持浏览器后退按钮的事件。我的假设是，您正在使用一个单页应用程序。软件开发中的一个常见主题是永远不要覆盖系统行为，但这段代码会按照您的要求执行。是的，这是一个单页应用程序。谢谢让我试试看，我使用了完全相同的代码，但“后退”按钮根本不起作用。它一点也不回去了。然而，注释掉代码会使back按钮恢复正常工作功能。抱歉，这只是一个示例。是的，它所做的只是停止后退按钮事件。您需要在history.pushState（…）下面放置代码来执行其他操作；线路。