【H5 Plus】H5+ app监听安卓或苹果的返回操作

H5 + app监听安卓的返回或者苹果的左滑返回事件


为了实现类似列表页面进入详情页,又从详情页返回列表的操作,考虑监听手机的返回事件。

安卓的返回事件监听

首先获取到plus对象。

const callBack = ()=>{  console.log('返回时执行的操作')}
 plus.key.addEventListener("backbutton",callBack);

注意,在需要的地方应该移除该事件监听,例如,之前的页面销毁时。

plus.key.removeEventListener("backbutton",callBack);

IOS的返回事件监听

IOS的左滑返回事件只能添加到当前的webview上。

//事件回调定义
const event = (ev) =>{
      //start :  当左滑手势开始时触发(返回操作未生效也会触发),
      //end && result 当左滑手势结束且生效(没有撤销滑动)时触发,一般都应使用该条件,而不是手势触发还未生效即执行操作。
      // end 手势结束就触发(即使被撤销,即又将其左滑(从左往右)返回 从不放手又从当前位置往左滑 撤销返回)
      const type = ev.type;
      const result = ev.result;
      if (type === 'end' && result) {
        // 返回手势生效时,触发的操作
      }
}

 //获取到当前的webview
 const wv = plus.webview.currentWebview();
 wv.addEventListener('popGesture', event);

//注意,也应在适当的生命周期,将该添加的事件监听移除。

  • 13
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
微信社区小程序是基于微信平台的一个应用程序,它提供了与朋友圈、群聊、推送通知等社交功能相结合的多功能app。它具有简单易用、交互性好、功能强大等特点,已经成为了越来越多人的生活必备工具。 在搭建微信社区小程序的过程中,需要编写前端代码和后端代码。前端代码主要用于展示页面和用户交互,而后端代码则负责处理数据的传输和存储。为了更好地帮助大家理解和学习搭建微信社区小程序的过程,我们附带了完整的视频教程。 这个视频教程囊括了整个搭建过程的所有细节,包括项目准备、环境搭建、前端页面设计、后端逻辑开发等内容。通过观看视频,你可以了解到如何使用微信开发者工具进行项目创建和代码编写,如何设计小程序的页面UI和交互逻辑,以及如何实现与后台服务器的数据交互和存储。 视频教程的目的是帮助大家更好地理解和掌握微信社区小程序的搭建过程,同时也提供了一种更直观和生动的学习方式。通过观看这个视频,你可以跟着实际操作一步步搭建一个完整的微信社区小程序,掌握相关的技术和技巧。 总之,通过这个视频教程,你可以轻松地学习并掌握微信社区小程序的搭建技术,从而为你的个人或者商业项目构建一个功能完备且用户友好的微信小程序。希望这个视频教程能够帮助到你!

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值