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')
}
}