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

      

  • 相关阅读:
    状态管理cookie 案例
    JavaScript对象(document对象 图片轮播)
    JavaScript对象(窗口对象 定时器对象 )
    JavaScript对象(正则表达式,Date对象,function对象 arguments对象)
    CSS概述<选择器总结>
    HTML表单
    Web表格
    JDBC项目实践
    JDBC获取表的主键
    JDBC中DAO事务函数模版
  • 原文地址:https://www.cnblogs.com/bozhiyao/p/9065814.html
Copyright © 2011-2022 走看看