zoukankan      html  css  js  c++  java
  • 如何控制移动端浏览器返回到想去的地方

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

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

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

      

  • 相关阅读:
    微软首届Power Platform开发黑客松大赛
    PowerApps 简介
    PowerBI KPI 演示
    什么是Power Platform低代码
    利用Microsoft PowerApps模板,一分钟创建Service Desk服务程序
    Power Platform
    Microsoft Power Platform 低代码开发平台
    登录监听Enter键
    代理配置
    Enjoy the pain about Moloch
  • 原文地址:https://www.cnblogs.com/bozhiyao/p/9065814.html
Copyright © 2011-2022 走看看