Hbuider返回键问题实际解决方案

从Hbuider发展至今,web2app的返回键一直是个问题,大致问题如下:

1.物理返回键不是页面后退而是直接退出App问题(新版Hbuider打包的web2app该问题好像已解决);

2.物理返回键回退到登录页面(这种问题常见于单页面应用SPA,按照正常的逻辑,登录过后除非退出,一般是不允许回退到登录页面的,尤其是当前React、Vue大盛其下的今天。新版Hbuider打包的web2app该问题好像已解决);

3.单页面路由返回亦或是window.history.go(-1),window.history.back()无法返回页面导致弹出Hbuider的再按一次退出App提示;

4.间隔指定时间内物理返回键两次退出App的逻辑实现;

我最初是不愿使用Hbuider打包App的,我最初使用是Cordova,后来由于有些原因,转而使用了Hbuider打包,既然使用了这个工具,以上那些问题就成了摆在我面前的一道道高墙,除了推倒它,没有别的路走,于是花费一定时间解决了以上问题,但是这种解决方案只是代码层次的曲线救国,真正的实际方案还是希望Hbuider官方团队能够拿出实际可行的方案;

1.   自定义物理返回键的逻辑,返回几次退出由你心意,如下图:


监听物理返回键

上图代码可用在单页面应用SPA,index.html里面引入script标签进行全局处理;plus.key.addEventListener('backbutton', () => {},false);这段就是Hbuider监听物理返回键的处理,其中plus是Hbuider的一项增强HTML5的功能;具体详情可以去Hbuider网站了解

2.路由返回键处理

上面是路由返回处理,无论是Vue亦或是React,都有自己的一套Router处理,可以根据自己的需求处理,即使是走window.history.go(-1),window.history.back()处理也可以;

目前上述解决方案在我所打包的App里得到了正常的使用,欢迎各位大佬指证错误;

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 学习JavaScript13章 java与HTML的交互是通过事件实现的 1事件流 事件流描述的是从页面中接收事件...
    小mingmingming阅读 1,111评论 0 0
  • 快眼迈步一元投资赚钱讲解与操作流程 第一个问题,快眼是什么?? 答:这个是一个运用区块链技术,领域在广告传媒为,分...
    快眼一元赚钱阅读 3,008评论 1 1
  • 同源策略 概述 书面表述:js脚本可以访问所在页面的所有元素。通过ajax技术,js也可以访问同一协议,同一个do...
    L1E6N0A2阅读 2,187评论 0 0
  • 在webapp中,有时候可能会遇到下载文件的需求,包括什么zip,word,pdf等下载,本章主要实现在H...
    香煎藕饼阅读 3,308评论 0 0
  • 01 | 基础架构:一条SQL查询语句是如何执行的? 这是专栏的第一篇文章,我想来跟你聊聊 MySQL 的基础架构...
    d9610fcd3279阅读 1,085评论 0 0