H5中 JS 禁用安卓手机物理返回键 , 微信浏览器中也支持

￡神魔★判官ぃ 2021-09-09 05:52 657阅读 0赞

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 条评论，657人围观）

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

相关阅读

相关 JS关闭微信浏览器兼容苹果安卓

<script> setTimeout(function(){ //关闭安卓系统 document.addE...

约定不等于承诺〃/ 2024年04月19日 12:39/ 0 赞/ 130 阅读

相关 vue开发app 手机物理返回键返回/退出

mui进行手机物理键的监听首先安装 vue-awesome-mui npm i vue-awesome-mui 在main.js注册 import Mui f

小咪咪/ 2023年07月18日 02:30/ 0 赞/ 48 阅读

相关 H5js和移动安卓ios交互

H5js和移动安卓ios交互很好懂这个H5是基于VUE写的 [https://blog.csdn.net/weixin\_44696379/article/d

待我称王封你为后i/ 2023年03月06日 03:58/ 0 赞/ 71 阅读

相关 Vue 中 app 监听安卓物理返回

// 监听安卓返回键在main.js中 //监听安卓返回键 (function() \{ function plusReady() \{

àì夳堔傛蜴生んèń/ 2023年02月26日 10:21/ 0 赞/ 39 阅读

相关 uni-app - 苹果安卓系统监听物理返回按键（手机左滑返回监听）

前言 > 注意：以下方法只适用于 `APP` ，不适用于小程序 / H5 等平台。有时候，我们需要监听安卓及苹果系统的物理返回上一页，来做一些处理。 Androi

刺骨的言语ヽ痛彻心扉/ 2023年01月10日 09:55/ 0 赞/ 651 阅读

相关【前端】微信H5，js判断是否在微信浏览器中打开

微信H5，Js判断是否在微信浏览器中打开 <script type="text/javascript"> window.onload = funct

ゞ浴缸里的玫瑰/ 2022年12月27日 02:27/ 0 赞/ 244 阅读

相关安卓中改变手机壁纸

布局文件如下: XML文件如下所示: <LinearLayout xmlns:android="http://schemas.android.com

以你之姓@/ 2022年09月19日 15:26/ 0 赞/ 311 阅读

相关 react-native 安卓监听安卓返回键，并在主tab中对返回键作特殊的处理

一、分析需求需要监听安卓的返回键，点击安卓返回键的时候可以正常返回但是当在tabs的几个页面中按返回键做如下的几个处理 1. 如果在首页tab，那么在连续

秒速五厘米/ 2022年01月11日 03:05/ 0 赞/ 622 阅读

相关微信浏览器不支持下载怎么解决设置微信中链接用手机浏览器打开

在我们做营销活动或推广宣传的时候，容易遇到域名被封，无法跳转app下载等情况。这时需要微信跳转外部浏览器打开页面的功能，对于微信默认可以通过：点击右上角的三点,点击“在浏览器中

小咪咪/ 2022年01月06日 16:49/ 0 赞/ 1343 阅读

相关 H5中 JS 禁用安卓手机物理返回键 , 微信浏览器中也支持

XBack = \{\}; (function(XBack) \{ XBack.STATE = 'x - back';

￡神魔★判官ぃ/ 2021年09月09日 05:52/ 0 赞/ 658 阅读