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

标签：win   font   页面   false   rdp   就会   event   code   UNC   

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

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

 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！完成

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

标签：win   font   页面   false   rdp   就会   event   code   UNC   

原文地址：https://www.cnblogs.com/bozhiyao/p/9065814.html