cordova 安卓 android 物理 返回键 监听和处理
2017-06-17 15:24
429 查看
cordova开发 移动端 应用遇到安卓 物理返回键 不知道如何控制
使用中发现 监听 只能进行 一次监听,否则会多次执行, 并且 采用单页面应用SPA开发 后,出现了无法移出 返回键监听,导致无法单独 控制 物理返回键 返回到 指定的 页面和路由
解决的思路:在 index中 只进行 一次监听, 每个页面的返回按钮操作 都用js进行跳转控制,通过 trigger 触发的方式,执行返回
官方文档提供的返回键监听方法
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') } }
相关文章推荐
- Android应用中返回键的监听及处理
- Android应用中返回键的监听及处理
- Android应用中返回键的监听及处理
- ionic注册安卓物理返回键的处理方法
- H5+APP监听安卓物理返回键
- Android应用中返回键的监听及处理(含有按两次返回)
- Android应用中返回键的监听及处理
- Android监听物理键盘的返回键Back,再按一次退出 4000 程序
- Android应用中返回键的监听及处理
- Android中Fragment监听返回按钮及返回栈BackStack的一些处理
- cordova app 监听物理返回键
- 如何监听Android手机物理返回键
- js中监听回车键、物理返回键(Android)
- Android应用中返回键的监听及处理
- js实现对Android设备物理返回键单击/双击事件处理(Framework7框架)
- [转]Android应用中返回键的监听及处理
- Android 返回键的监听及处理
- react-native 监听Android物理返回键
- Android应用中返回键的监听及处理
- 安卓Android 开发——返回键处理/某控件实现返回键