专注前端行业精选
当前位置:网站首页 > 最近更新 > 前端开发 > JavaScript > 正文

网页禁止返回 H5禁止物理返回 vue禁止返回

作者:鹏仔先生日期:2021-02-19浏览:452分类:JavaScript

禁止网页返回,禁止物理返回,H5禁止返回

项目中,H5公众号授权我是让进入首页判断是否授权,没授权跳转授权进行授权完成在进入首页,安卓端授权完成,用户物理返回正常,没问题,IOS授权完之后返回结果不走接口了...


所以想到的办法就是手机禁止物理返回,那么安排下

原生方法

history.pushState(null, null, document.URL);
window.addEventListener('popstate', function () {
  history.pushState(null, null, document.URL);
});

在vue中,我们只需要写在mounted里即可

mounted() {
  history.pushState(null, null, document.URL);
  window.addEventListener('popstate', function () {
    history.pushState(null, null, document.URL);
  });
},


手机扫码访问

暂无评论,来添加一个吧。

取消回复欢迎 发表评论:

关灯