h5页面，浏览器不让返回，app不让返回。

刺骨的言语ヽ痛彻心扉 2023-02-16 05:54 6阅读 0赞

环境：有一次开发中遇到这样的一个需求。但是后面却没有上先。

在一个H5页面，让浏览器与APP不能返回这个页面，类似于一个恶心的广告页面

代码：

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() {});

发表评论取消回复

表情：

评论列表（有 0 条评论，6人围观）

还没有评论，来说两句吧...

相关阅读

相关让浏览器返回按钮失效

让浏览器返回按钮失效禁用登录页的浏览器返回按钮，防止退出后点击返回按钮再次进入后台页面 //禁用登录页的浏览器返回按钮，防止退出后点击返回按钮再次进入后台

女爷i/ 2023年11月05日 06:23/ 0 赞/ 118 阅读

相关 h5页面，浏览器不让返回，app不让返回。

环境：有一次开发中遇到这样的一个需求。但是后面却没有上先。在一个H5页面，让浏览器与APP不能返回这个页面，类似于一个恶心的广告页面代码： XBack

刺骨的言语ヽ痛彻心扉/ 2023年02月16日 05:54/ 0 赞/ 7 阅读

相关 uni-app h5navigateBack 返回页面不更新数据问题

uni-app h5在页面使用 navigateBack 返回上一个页面时,页面的数据没有得到刷新,但是检查数据的时候却发现数据在js已经是新数据了,唯独页面还是旧数据刷新

小灰灰/ 2022年12月30日 03:58/ 0 赞/ 109 阅读

相关如何不让浏览器读取html缓存,不让浏览器缓存index.html

参考文档：https://www.2cto.com/ask/question/4598 location = /index.html \{ add\_header Cache

迈不过友情╰/ 2022年10月07日 08:50/ 0 赞/ 19 阅读

相关 iOS监听H5页面goBack返回事件 & 网页监听APP返回键（NavigationBackItemInjection）

文章目录引言 I 、 iOS监听H5页面goBack返回事件 1.1 UIWebView 监听H5页面goBack返回事件 1.2

女爷i/ 2022年10月06日 05:43/ 0 赞/ 228 阅读

相关 html页面调试设置不让浏览器缓存

在html头中加入以下3句话，可以防止大部分浏览器缓存 < meta http-equiv ="pragma" content ="no-cache" > < me

ゝ一世哀愁。/ 2022年08月26日 03:49/ 0 赞/ 240 阅读

相关设置html页面不让浏览器缓存的方法

1.在html头中加入以下3句话，可以防止大部分浏览器缓存 <meta http-equiv="pragma" content="no-cache"> <m

曾经终败给现在/ 2022年08月20日 14:23/ 0 赞/ 175 阅读

相关微信企业号苹果ios 返回页面不刷新 h5

一、需求微信企业号在苹果ios返回时页面是不刷新的，而公司业务要求刷新。 1、点击“我的工单”，进入我的工单页面后，再返回时，这个首页的页面要刷新，这样“我的工单”右

╰+哭是因爲堅強的太久メ/ 2022年06月14日 08:16/ 0 赞/ 278 阅读

相关 h5按钮css3动态特效,让页面静不下来

h5按钮css3动态特效,让页面静不下来在写一些h5页面的时候，难免会需要增加一些动态的效果。今天我来介绍一种，在按钮上添加动态效果的做法。保证让你瞒住，嘻嘻。先看

电玩女神/ 2022年06月08日 12:15/ 0 赞/ 436 阅读

相关 .net不让浏览器缓存

// 不让浏览器缓存 context.Response.Buffer = true ; context.Response.ExpiresAbsolute = DateT

太过爱你忘了你带给我的痛/ 2021年12月03日 06:23/ 0 赞/ 276 阅读