ionic+html5+API实现双击返回键退出应用


Posted in Javascript onSeptember 17, 2019

使用ionic+MUI联合开发app,鉴于ionic单方面实现的双击返回键过于复杂,所以想出了使用ionic与html5+API一起使用实现双击返回键退出应用,单击返回键返回上层的功能。

$scope.listenbackbutton = function() {
  document.addEventListener("plusready", onPlusReady, false);
    function onPlusReady() {
      plus.key.addEventListener("backbutton", function() {
        if ($location.path() == '/tab/index') {
          if (plus.os.name == "Android") {
            $ionicLoading.show({
              template: "再次点击返回键退出应用"
            });
              $timeout(function() {
              $ionicLoading.hide();
            plus.key.removeEventListener("backbutton", function() {});
              return;
              }, 1000);
            plus.key.addEventListener("backbutton", function() {
              plus.runtime.quit();
            });
        } else {
          outSet("此平台不支持直接退出程序,请按Home键切换应用");
          }
        } else {
          $ionicHistory.goBack();
      }
    });
  }
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
语义化 H1 标签
Jan 14 Javascript
验证码按回车不变解决方法
Mar 29 Javascript
使用 js+正则表达式为关键词添加链接
Nov 11 Javascript
关于Javascript中defer和async的区别总结
Sep 20 Javascript
微信小程序使用第三方库Immutable.js实例详解
Sep 27 Javascript
浅谈AngularJS中ng-class的使用方法
Nov 11 Javascript
移动端刮刮乐的实现方式(js+HTML5)
Mar 23 Javascript
Vue Element 分组+多选+可搜索Select选择器实现示例
Jul 23 Javascript
layui table 列宽百分比显示的实现方法
Sep 28 Javascript
Vue路由对象属性 .meta $route.matched详解
Nov 04 Javascript
解决Vue使用bus总线时,第一次路由跳转时数据没成功传递问题
Jul 28 Javascript
nuxt.js 在middleware(中间件)中实现路由鉴权操作
Nov 06 Javascript
Vue的属性、方法、生命周期实例代码详解
Sep 17 #Javascript
小程序的上传文件接口的注意要点解析
Sep 17 #Javascript
微信小程序实现蒙版弹出窗功能
Sep 17 #Javascript
kafka调试中遇到Connection to node -1 could not be established. Broker may not be available.
Sep 17 #Javascript
ionic2.0双击返回键退出应用
Sep 17 #Javascript
三步实现ionic3点击退出app程序
Sep 17 #Javascript
ionic3双击返回退出应用的方法
Sep 17 #Javascript
You might like
基于PHP遍历数组的方法汇总分析
2013/06/08 PHP
php常用表单验证类用法实例
2015/06/18 PHP
JScript内置对象Array中元素的删除方法
2007/03/08 Javascript
jQuery实现form表单元素序列化为json对象的方法
2015/12/09 Javascript
Vue.js第一天学习笔记(数据的双向绑定、常用指令)
2016/12/01 Javascript
webpack4.0打包优化策略整理小结
2018/03/30 Javascript
微信小程序canvas实现刮刮乐效果
2018/07/09 Javascript
小程序图片剪裁加旋转的示例代码
2018/07/10 Javascript
JavaScript引用类型Date常见用法实例分析
2018/08/08 Javascript
vue-cli3 项目优化之通过 node 自动生成组件模板 generate View、Component
2019/04/30 Javascript
详解vue-template-admin三级路由无法缓存的解决方案
2020/03/10 Javascript
JavaScript 禁止用户保存图片的实现代码
2020/04/28 Javascript
vue 在单页面应用里使用二级套嵌路由
2020/12/19 Vue.js
jQuery冲突问题解决方法
2021/01/19 jQuery
Python实现简单拆分PDF文件的方法
2015/07/30 Python
Python标准库06之子进程 (subprocess包) 详解
2016/12/07 Python
浅析python继承与多重继承
2018/09/13 Python
在pycharm上mongodb配置及可视化设置方法
2018/11/30 Python
python实现文件助手中查看微信撤回消息
2019/04/29 Python
用Python从0开始实现一个中文拼音输入法的思路详解
2019/07/20 Python
Python秒算24点实现及原理详解
2019/07/29 Python
pytorch numpy list类型之间的相互转换实例
2019/08/18 Python
python web框架Flask实现图形验证码及验证码的动态刷新实例
2019/10/14 Python
Python 脚本的三种执行方式小结
2019/12/21 Python
pyinstaller打包找不到文件的问题解决
2020/04/15 Python
python中的django是做什么的
2020/07/31 Python
日本最大化妆品和美容产品的综合口碑网站:cosme shopping
2019/08/28 全球购物
求两个数的乘积和商数,该作用由宏定义来实现
2013/03/13 面试题
启动一个线程是用run()还是start()
2016/12/25 面试题
老师对学生的寄语
2014/04/09 职场文书
2014年政协工作总结
2014/12/09 职场文书
2015年度企业工作总结
2015/05/21 职场文书
文案策划岗位个人自我评价(范文)
2019/08/08 职场文书
HTML CSS 一个标签实现带动画的抖音LOGO
2022/04/26 HTML / CSS
Win11 25163.1010更新补丁KB5016904推送,测试服务验证管道(附更新修复汇总)
2022/07/23 数码科技
nginx配置指令之server_name的具体使用
2022/08/14 Servers