Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/409.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 更改浏览器后退按钮功能_Javascript_Html_Back Button Control - Fatal编程技术网

Javascript 更改浏览器后退按钮功能

Javascript 更改浏览器后退按钮功能,javascript,html,back-button-control,Javascript,Html,Back Button Control,用例: 我有一个网页,其中显示了一些功能的流行音乐。可以将弹出窗口视为一个HTML div,单击相应的按钮时会显示该div。单击“取消”按钮/单击“浏览器后退”按钮时再次隐藏 问题: 考虑显示PopOver。当用户单击back按钮时,他不应该被导航回上一页,而应该只隐藏popover div 如何使用javascript将此功能添加到浏览器后退按钮 提前感谢您可以将附加到URL中的内容进行哈希,以获取历史更改 index.html->用户打开popover->index.html#popover

用例: 我有一个网页,其中显示了一些功能的流行音乐。可以将弹出窗口视为一个HTML div,单击相应的按钮时会显示该div。单击“取消”按钮/单击“浏览器后退”按钮时再次隐藏

问题: 考虑显示PopOver。当用户单击back按钮时,他不应该被导航回上一页,而应该只隐藏popover div

如何使用javascript将此功能添加到浏览器后退按钮


提前感谢

您可以将附加到URL中的内容进行哈希,以获取历史更改

index.html
->用户打开popover->
index.html#popover


现在单击后退按钮将重定向回
index.html
。当然,这需要一些JavaScript代码。

出于明显的安全原因,您无法覆盖浏览器中的按钮操作,但您可以通过编程方式添加历史记录条目,即使当前页面在历史记录中显示两次,以便当用户单击“上一步”按钮时,他/她被重定向回同一页面。使用来实现这一点。

听起来您正在寻找HTML5历史API

关于它如何工作的一个非常好的介绍可以在

有关更多信息,请访问

此外,您还应该研究一下旧浏览器的功能。这样做有很多选项,包括,其中包括一些示例代码,甚至还有一个工作演示()