uniapp开发H5及app监听返回事件（以及监听不到的处理方法）

电玩女神 2023-10-09 14:32 42阅读 0赞

### 1.使用页面事件onBackPress事件监听返回键 ###

onBackPress(e) {
    	//e.from === 'backbutton' 说明如果点击的是物理返回键或导航栏的返回键就进行以下操作
          if (e.from === 'backbutton') {
            if (遮罩层是否隐藏) {
              //如果没隐藏
              //这里写让遮罩层隐藏的代码
            } else {
              //如果隐藏了
              //这里就写返回上一页
               uni.navigateBack()
            }
            //return true 
            //返回值为true 时,表示不执行默认的返回（默认返回上一页），执行自定义的返回
     		//如果要限制必须写成true
            return true;
          }
        },

### 2.大坑 监听不到返回 ###

常规后退操作同**Android**，但是**IOS**还有个**侧滑**这个大坑，不会触发**onBackPress**，  
再次确认了侧滑不触发onBackPress后。

### 3.1.解决大坑的方案1 ###

禁用侧滑

{
        "path": "pages/xxx/xxx",
        "style": {
            ...
            "app-plus": {
                "popGesture": "none", // 禁用侧滑
                "bounce": "none" // 禁用上下拖动页面
            }
        }
    },

### 3.2.解决大坑的方案2 ###

逻辑思路：就是在他要返回的上一级页面进行操作，笨方法但是有效

onShow() {},//监听页面首次进入
    //
    //监听页面离开的话，下面两个必须同时使用，因为离开页面会有两种情况
    onHide() {},//监听离开页面
    onUnload() {},//监听页面销毁
    /

发表评论取消回复

表情：

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

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

相关阅读

相关 uniapp开发H5及app监听返回事件（以及监听不到的处理方法）

1.使用页面事件onBackPress事件监听返回键 onBackPress(e) { //e.from === 'backbutton' 说明如果点击

电玩女神/ 2023年10月09日 14:32/ 0 赞/ 43 阅读

相关 addEventlistener()方法，事件监听

addEventListener()方法，即为事件监听；可以使用removeEventListener()方法来移除事件的监听。 element 可以是 window、do

淡淡的烟草味﹌/ 2023年02月25日 10:24/ 0 赞/ 32 阅读

相关浏览器返回事件监听

mounted()\{ //监听注册 history.pushState(null, null, document.URL); window.addE

谁借莪１个温暖的怀抱￠/ 2023年01月18日 12:22/ 0 赞/ 37 阅读

相关 uni-app 监听返回按钮

扫码查看原文 ![在这里插入图片描述][2db958870f7f94c023ed06789760bd15.png] 前置条件：开发环境：windows 开发框架

骑猪看日落/ 2022年12月26日 10:12/ 0 赞/ 302 阅读

相关 uni-app监听处理H5/App默认返回事件

页面生命周期上：onBackPress(event) 返回 event =\{from: backbutton | navigateBack\} 说明当用户进行以下

柔情只为你懂/ 2022年12月15日 14:10/ 0 赞/ 381 阅读

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

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

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

相关手机返回事件监听

文案参考https://www.zhihu.com/question/40511430 其中遇到了苹果端无法给绑定元素添加事件的小坑，解决办法 //给事件元素添加

古城微笑少年丶/ 2022年05月27日 10:37/ 0 赞/ 217 阅读

相关 android h5混合开发返回键监听

android h5混合开发返回键监听在混合开发的时候，android返回键默认每次按返回都是返回上一页，而有时候我们的需求并不是这样的，如果返回的界面是有弹

ゝ一纸荒年。/ 2022年05月26日 11:36/ 0 赞/ 782 阅读

相关 uniapp 电商app 监听页面返回按键实现功能

监听页面返回按键电商app很多地方都是需要监听返回按键的，如果点击了返回则弹窗提示信息，用户点击“确认”则返回，否则页面不返回。以电商app支付页面为例，如果在支付

旧城等待，/ 2021年07月26日 02:27/ 0 赞/ 853 阅读

相关 h5 mutationObserver监听

能够提供对DOM树更细致的监听 (1)创建一个观察器实例并传入回调函数 const observer = new MutationObse

水深无声/ 2021年07月25日 00:45/ 0 赞/ 313 阅读