美文网首页
防止浏览器返回上一页

防止浏览器返回上一页

作者: Talentisan | 来源:发表于2020-01-03 12:39 被阅读0次

    方案一:

    <script language="javascript">
            //防止页面后退
            history.pushState(null, null, document.URL);
            window.addEventListener('popstate', function () {
                history.pushState(null, null, document.URL);
            });
    </script>
    

    方案二:

    //封装的常规操作,停留在本页面
    function stay() {
         console.log('兄台留步');
          history.forward();
    }
    
    
    if (!(history.state && history.state.target == "Final")) {
            window.history.pushState({target: "MeanSure", random: Math.random()}, "", location.href);
            window.history.pushState({target: "Final", random: Math.random()}, "", location.href);
    }
    window.addEventListener("popstate", function (e) {
            if (e.state && e.state.target == "MeanSure") {
                //此处可调用一些自定义的操作,例如弹窗提示之类的
                stay(); // 如此操作会停留在本页面
            }
    }, false);
    

    相关文章

      网友评论

          本文标题:防止浏览器返回上一页

          本文链接:https://www.haomeiwen.com/subject/elszoctx.html