防止/禁止页面后退

Posted model-zachary

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了防止/禁止页面后退相关的知识,希望对你有一定的参考价值。

import ua from ./devices‘ // 判断环境用的

function removeHistory () 
  if (ua.isApp()) 
    // 防止页面后退
    history.pushState(null, null, document.URL)
    window.addEventListener(popstate, function () 
        history.pushState(null, null, document.URL)
    )
  


export default removeHistory()
原理就是后退的时候,调用popsstate
之后通过history.pushState方法调地址栏当前地址
所以每次后退都是调用当前页面

 

以上是关于防止/禁止页面后退的主要内容,如果未能解决你的问题,请参考以下文章

利用js实现网页禁止后退

Shiro在logout退出后,怎么防止浏览器的后退刷新操作

防止页面后退(使浏览器后退按钮失效)

PHP header( ) 禁止页面后退

一旦用户导航到Javascript中的新页面,就禁止用户使用后退按钮[重复]

js 阻止浏览器默认前进后退不能刷新么