在浏览器中处理后退按钮事件

时间:2015-10-15 22:38:42

标签: javascript html5 dom javascript-events

在我的网络应用程序中,我有一系列项目(基因名称),用户可以使用箭头键浏览。发生这种情况时,我会更改浏览器URL以反映新选择:

window.history.pushState(null, null, "/" + root_subdir + "/?gene=" + gene_name);

我执行此操作以便用户可以复制更改的URL,稍后输入该URL以使用该基因的数据集加载我的Web应用程序。此设置似乎在当前浏览器中正常工作。

我的问题是当人们使用箭头键浏览数组中的基因,然后点击浏览器的后退按钮时,我是如何处理这种情况的。

这会将浏览器地址栏中的URL更改为历史记录中上一个URL中的URL,但此URL更改不会使用该数据加载浏览器。

当用户点击后退按钮时,是否有可以监听的事件,这会让我说,触发事件以触发加载前一个基因的数据集?

1 个答案:

答案 0 :(得分:1)

你快到了。您已经拥有pushState。您现在需要的是将处理程序附加到popstate event。将处理程序挂钩到加载数据的同一函数。