如何解决如何使浏览器后退按钮跳过内页导航并返回上一页
我们在 MVC Web 应用程序的某些页面上使用了多个选项卡,在浏览了几个选项卡然后单击后退按钮后,URL 会相应更改,但您必须单击所有选项卡,直到您转到上一页。
我想要做的是,只要我点击浏览器的后退按钮,就可以返回上一页,所以基本上跳过所有包含“#”的 URL。例如,如果我像 page2#tab3
这样:
page1 -> page2#tab1 -> page2#tab2 -> page2#tab3
,我想page2#tab3 -> page1
点击后退按钮。
此外,我们已经有了自定义导航按钮,但我们也想实现这一点。
解决方法
您可以使用 onhashchange
侦听器来满足您的自定义需求。请检查
https://developer.mozilla.org/en-US/docs/Web/API/WindowEventHandlers/onhashchange
您也可以根据需要修改 HistoryAPI。请检查 https://developer.mozilla.org/en-US/docs/Web/API/History
,在反应中,您可以使用 useHistory 钩子来完成。但是不知道在普通的JS项目中如何实现。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。