vue、jquery 监听浏览器回退事件,然后返回到指定页面

vue:

复制代码
methods: {
    //返回按钮指定到首页去
    goBack() {
      this.$router.push({ path: "/" });
    },
  },
  //页面销毁时,取消监听
  destroyed() {
    window.removeEventListener("popstate", this.goBack, false);
  },
  mounted() {
    //监听浏览器返回
    if (window.history) {
      history.pushState(null, "", document.URL); //这里有没有都无所谓,最好是有以防万一
      window.addEventListener("popstate", this.goBack, false); // 回退时执行goback方法
    }
  },
复制代码

jquery:

复制代码
//处理回退
        if (window.history && window.history.pushState) {
            history.pushState(null, null, document.URL);
            window.addEventListener('popstate', function () {
                history.pushState(null, null, document.URL);
                //跳转首页
                this.window.location = $get("<%=returnUrl.ClientID %>").value;
            });
        }
复制代码

 

posted @   潇潇mini  阅读(1640)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 25岁的心里话
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
点击右上角即可分享
微信分享提示