检测浏览器's的前进和后退按钮，并触发jquery事件

Detect browser's forward and back button and trigger jquery event

本文关键字：按钮 事件 jquery 浏览器 检测      更新时间：2023-09-26

我有一个仅用于移动设备的单页水平滑动网站。它给人一种移动应用程序的印象。因此，如果我点击一个部分中的一个按钮（一个标签），它就会通过jQuery滑动到另一个部分。所有页面都有用于导航到不同部分的按钮。幻灯片www.domain.com/#section.之后的url是这样的一切都很好

现在我也想在这里添加浏览器的后退/前进按钮事件。所以，如果我滑到第2节，然后单击浏览器的后退按钮，我想滑回第1节。这意味着我必须以某种方式检测浏览器的后退/前进按钮点击事件，并相应地触发我的jQuery函数。一些基本的想法会很好。谢谢

在页面上创建后退按钮：

<button onclick="goBack()">Go Back</button>
<script>
function goBack() {
    window.history.back()
}
</script>

在页面上创建一个前进按钮（如果历史列表中不存在下一个页面，则此示例将不起作用）：

<button onclick="goForward()">Go Forward</button>
<script>
function goForward() {
    window.history.forward()
}
</script>
相关文章：