禁止页面后退JS（兼容各浏览器）

最新推荐文章于 2020-06-08 00:00:02 发布

weixin_34417814

最新推荐文章于 2020-06-08 00:00:02 发布

阅读量99

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/ityouknow/p/5328996.html

本文介绍如何使用jQuery.history.js插件实现在页面跳转时保存当前页面状态，确保用户返回时仍能回到原位置。通过监听浏览器的popstate事件和利用pushState方法，实现页面状态的持久化。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<script src="${ctxPath}/media/lib/jquery.history.js"></script>
<script>
    $(document).ready(function(e) {    
        if (window.history && window.history.pushState) {
            $(window).on('popstate', function () {
                window.history.pushState('forward', null, '#');
                window.history.forward(1);
            });
        }
        if ('pushState' in history) {
                window.history.pushState('forward', null, '#');
                window.history.forward(1);                    
            }else{
                History.pushState('forward', null, '?state=2');
                window.history.forward(1);
        }
        window.onhashchange=function(){ 
            History.pushState('forward', null, '?state=1');
        }
    });
</script>