微信浏览器内禁止页面回退返回

最新推荐文章于 2024-05-30 19:58:03 发布

weixin_30279315

最新推荐文章于 2024-05-30 19:58:03 发布

阅读量6.4k

点赞数

CC 4.0 BY-SA版权

文章标签： javascript 移动开发 php ViewUI

原文链接：http://www.cnblogs.com/lgq880821/p/10627265.html

本文介绍了一种使用JavaScript阻止浏览器回退功能的方法。通过监听popstate事件并记录特定状态，可以有效防止用户通过浏览器的回退按钮返回到上一页面。

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

    //禁止浏览器回退/返回
    XBack = {};
    (function (XBack) {
        XBack.STATE = 'x - back';
        XBack.element;
        XBack.onPopState = function (event) {
            event.state === XBack.STATE && XBack.fire();
            XBack.record(XBack.STATE); //初始化事件时，push一下
        };
        XBack.record = function (state) {
            history.pushState(state, null, location.href);
        };
        XBack.fire = function () {
            var event = document.createEvent('Events');
            event.initEvent(XBack.STATE, false, false);
            XBack.element.dispatchEvent(event);
        };
        XBack.listen = function (listener) {
            XBack.element.addEventListener(XBack.STATE, listener, false);
        };
        XBack.init = function () {
            XBack.element = document.createElement('span');
            window.addEventListener('popstate', XBack.onPopState);
            XBack.record(XBack.STATE);
        };
    })(XBack); // 引入这段js文件
    XBack.init();
    XBack.listen(function () { });