uni-app 监听返回按钮

骑猪看日落 2022-12-26 10:12 261阅读 0赞

扫码查看原文  
![在这里插入图片描述][2db958870f7f94c023ed06789760bd15.png]

前置条件：  
开发环境：windows  
开发框架：uni-app , H5+，nativeJS  
编辑器：HbuilderX 2.8.13  
兼容版本：安卓，IOS已作测试  
进入正题：  
文档地址uni-app：  
https://uniapp.dcloud.io/collocation/frame/lifecycle?id=%e9%a1%b5%e9%9d%a2%e7%94%9f%e5%91%bd%e5%91%a8%e6%9c%9f  
uni-app自定义返回逻辑教程:https://ask.dcloud.net.cn/article/35120

onBackPress(e){ 
      console.log("监听返回按钮事件",e);
      uni.navigateTo({ 
        url:"/pages/details/details?type=2"
      }) 
      // 此处一定姚要return为true，否则页面不会返回到指定路径
      return true;
    }

# 2.1说明： #

###### 当用户进行以下操作时，会触发该函数： ######

###### Android 实体返回键 (from = backbutton) ######

###### 顶部导航栏左边的返回按钮 (from = backbutton) ######

###### 返回 API，即 uni.navigateBack() (from = navigateBack) ######

###### 只有在该函数中返回值为 true 时，才表示不执行默认的返回，自行处理此时的业务逻辑。 ######

###### 当不阻止页面返回却直接调用页面路由相关接口（如：uni.switchTab）时，可能会导致页面显示异常，可以通过延迟调用路由相关接口解决。 ######

###### 不返回或返回其它值，均会执行默认的返回行为。 ######

###### H5 平台，顶部导航栏返回按钮支持 onBackPress()，浏览器默认返回按键及Android手机实体返回键不支持 onBackPress() ######

###### 暂不支持直接在自定义组件中配置该函数，目前只能是在页面中来处理。 ######

[2db958870f7f94c023ed06789760bd15.png]: /images/20221120/b9ccdd3655af4c7d9b3982d0384e0ecd.png

发表评论取消回复

表情：

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

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

相关阅读

相关 uni-app 监听返回按钮

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

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

相关 uniapp返回顶部按钮

上代码自己试验 <template> <view>  <image src="图片" class="

超、凢脫俗/ 2022年11月21日 04:05/ 0 赞/ 329 阅读

相关 java按钮点击事件监听_按钮事件监听

\[java\]代码库/\\ \ 功能：按钮事件监听 \/ package com.test; import java.awt.\; import javax.swi

快来打我*/ 2022年11月04日 00:46/ 0 赞/ 263 阅读

相关 uni-app小程序监听左上角的返回按钮。

点击左上角返回按钮回到前一个页面。前一个页面要更新内容。 A页面跳转到B，那么B操作了以后，比如下载了，然后回到A页面他的下载数量就会加1. 但是常规的点击左上角返回前一个

Dear 丶/ 2022年10月13日 14:57/ 0 赞/ 787 阅读

相关【Android】ActionBar监听返回按钮

android生成的Activity默认是不显示ActionBar的，如果有需要可以把它打开，并且设置主副标题、返回键键等，重写onOptionsItemSelected才能点

桃扇骨/ 2022年08月28日 04:50/ 0 赞/ 227 阅读

相关【Android】ListView监听上下滑动（判断是否显示返回顶部按钮）

设置滚动监听判断ListView的滚动方向同时获取屏幕高度、ListView实际高度，判断是否需要展示返回顶部按钮（具体逻辑请看代码--附有详细注释）。下载地址：[http

喜欢ヅ旅行/ 2022年08月06日 07:27/ 0 赞/ 133 阅读

相关 ionic3实现双击返回按钮退出app，ionic实现返回按钮监听

监听类代码 import {Injectable} from '@angular/core'; import {App, IonicApp, Keyboard

快来打我*/ 2022年05月17日 03:46/ 0 赞/ 185 阅读

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

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

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

相关 uniapp 按钮组件button

属性 type='primary/default/warn' 颜色分别为蓝色/灰白色/红色 size='mini/default' 按钮大小

左手的ㄟ右手/ 2021年07月24日 18:06/ 0 赞/ 1465 阅读

相关 uniapp左上角按钮返回，返回到指定页面

![在这里插入图片描述][20210227114645807.png] onUnload(){ uni.navigateBack({

川长思鸟来/ 2021年07月24日 13:29/ 0 赞/ 4600 阅读