如何控制移动端浏览器返回到想去的地方

Posted 金色秋风

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何控制移动端浏览器返回到想去的地方相关的知识,希望对你有一定的参考价值。

在这里我就要先说一下我刚开始的错误思路:

  我刚开始想我只要监视了浏览器的返回事件不就好啦

 window.removeEventListener("popstate",()=>{

    
}, false)    

  我想错拉!

  因为在浏览器里只要触发返回事件就会发生回到上一个浏览器的历史记录,没有办法我很绝望!

  我在网上搜了一下发现只要给他加一个浏览器历史记录就好啦

 const pushHistory = function () {
  let url = "#";
  let state = {
    title: "title",
    url: "#"
  };
  window.history.pushState(state, "title", "#");
}

  运行这个函数后再运行监听事件就可以做到控制返回键

  但是这里有一个坑,就是因为监听的事件不会运行一次后销毁所以一定要手动销毁

window.removeEventListener("popstate", ()=>{
}, false)

  注意!注意!以上都是错误的思路不想看的越过

  正确的思路是这样的

  因为window.history.pushState() 可以往浏览器增加浏览器历史记录

  那增加两条就好拉

  什么意识,上代码

 window.history.pushState(null, "", "#/tieOnCardPage") //这是你想 返回的 页面
 window.history.pushState(null, "", "#/setPasswordPage") //这是本页面

  OK!完成

  

以上是关于如何控制移动端浏览器返回到想去的地方的主要内容,如果未能解决你的问题,请参考以下文章

高德地图的位置搜索

linux初探-linux常用命令

高德地图怎么导航,高德地图如何导航

移动端页面返回强制刷新页面

以编程方式添加的视图不正常

一看就懂得移动端rem布局rem如何换算