javascript - 如何区分浏览器的后退/前进按钮？

Question

是否可以？更好的是，可以使用 jQuery 吗？

我需要知道是使用单击后退按钮还是前进按钮，以便我可以正确使用页面过渡效果，例如。如果他们向前击中，则从左向右滑动，反之亦然。

Answer 1

您可以使用非常简单的历史库

但如果您想自己处理，您可以使用哈希键 ( window.location.hash)，例如在此处设置幻灯片编号。当用户单击返回或下一步哈希键将更改时，您会检测到它并进行更改。

不幸的是，您必须自己检查更改，方法是设置一个间隔（即：300 毫秒）并检查以前的值。HTML5 有一个 onhashchange 事件。

Answer 2

@大卫

由于浏览器后退按钮不跟踪 ajax 请求，开发人员别无选择，只能补充这种功能不足。使用 jquery，我们必须手动跟踪 ajax 请求并手动重新请求部分页面，以便为用户提供他们想要和期望的内容。

Answer 3

用户无需单击浏览器中的后退按钮即可转到上一页。他可以右键单击并从上下文菜单中选择“后退”或“前进”选项。他也可以按键盘导航到另一个页面。因此，捕捉“后退”按钮的点击并不是一个好主意。

Answer 4

您可以使用历史对象。它具有访问页面的数组。最近的条目是最后一个前进或后退按钮页面。

Answer 5

我们的指导设计原则之一是：

永远，永远，永远不要破坏后退按钮。

这意味着不干扰它的运行，这意味着让它不理会。

如果您必须知道用户按下了哪个按钮，那您就很不走运了，这是设计使然。编写浏览器的人不希望你这样做。我不希望您干扰后退按钮的功能。用户不希望你这样做。所以，不要。

/咆哮。