单独定位浏览器后退和前进按钮

Question

我将这个JavaScript代码段与"后退"和"前进"按钮一起定位:

window.addEventListener("popstate", function(event) {
   // do something cool
}

如何区分"后退"和"前进"按钮并单独定位其事件？

Answer 1

如果正确实施，您不需要向后/向前跟踪或历史记录。您加载的每个 XML 文件都应该有一个唯一的 id，只需用下划线替换正斜杠，并记住您不应该在实际 url 中使用下划线，而是使用破折号。假设您没有使用 Windows 8 的 url 方案，相比之下，您只需检查所请求的 id 即可。

你可以在我的网站上看到 popstate 是如何工作的......

执行 Ctrl+f 并查看从该行开始的代码...

window.onclick = function(e)

...这里...

如果您使用 Firebug，请展开#liquid（<body><div id="body"><div id="content"><div id"liquid">在我的 XHTML 中）。

如果您迷路了，请告诉我，我将澄清代码的作用。此外，将代码设置得尽可能严格（XHTML 作为 application/xhtml+xml，并且您的 XML 内容应作为 application/xml）也有很大帮助。