您的位置:首页 > 移动开发 > Android开发

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

2017-06-17 15:24 429 查看
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')
}
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息