cordova 安卓 android 物理 返回键 监听和处理

3 篇文章 0 订阅
2 篇文章 0 订阅

cordova开发 移动端 应用遇到安卓 物理返回键 不知道如何控制

官方文档提供的返回键监听方法
document.addEventListener("backbutton", onBackKeyDown, false);

function onBackKeyDown(e) {}

使用中发现 监听 只能进行 一次监听,否则会多次执行, 并且 采用单页面应用SPA开发 后,出现了无法移出 返回键监听,导致无法单独 控制 物理返回键 返回到 指定的 页面和路由

解决的思路:在 index中 只进行 一次监听, 每个页面的返回按钮操作 都用js进行跳转控制,通过 trigger 触发的方式,执行返回

// 页面结构处理
<div class="page page-current">
       <header class="bar bar-nav">
           // 返回按钮 通过js进行控制跳转
           <a class="icon icon-and-left pull-left js-returnback" href="javascript:void (0)"></a>
           <h1 class="title">资源详情</h1>
       </header>
       <div class="content page-content">

       </div>
   </div>
// 返回js操作
    'click .js-returnback': 'returnBack'

   returnBack: function () {
        window.history.go(-1);
    },
document.addEventListener("backbutton", onBackKeyDown, false);

   function onBackKeyDown(e) {
       // 判断当前路由 页面 是否含有 弹出层等 modal 如果有 优先关闭弹出
       if ($('.modal-in').length > 0) {

           $.closeModal();
       } else {

           $('.js-returnback').trigger('click')
       }
   }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值