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 相关文章推荐
原生js实现半透明遮罩层效果具体代码
Jun 06 Javascript
jquery 追加tr和删除tr示例代码
Sep 12 Javascript
如何动态的导入js文件具体该怎么实现
Jan 14 Javascript
Jquery倒计时源码分享
May 16 Javascript
javascript实现dom动态创建省市纵向列表菜单的方法
May 14 Javascript
JS解决iframe之间通信和自适应高度的问题
Aug 24 Javascript
详解Angular2组件之间如何通信
Jun 22 Javascript
关于react-router/react-router-dom v4 history不能访问问题的解决
Jan 08 Javascript
Express的HTTP重定向到HTTPS的方法
Jun 06 Javascript
angularJs中跳转到指定的锚点实例($anchorScroll)
Aug 31 Javascript
9种方法优化jQuery代码详解
Feb 04 jQuery
vue 实现click同时传入事件对象和自定义参数
Jan 29 Vue.js
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
laravel项目利用twemproxy部署redis集群的完整步骤
2018/05/11 PHP
Array对象方法参考
2006/10/03 Javascript
通用于ie和firefox的函数 GetCurrentStyle (obj, prop)
2006/12/27 Javascript
一个不错的应用,用于提交获取文章内容,不推荐用
2007/03/03 Javascript
IE7提供XMLHttpRequest对象为兼容
2007/03/08 Javascript
jquery购物车实时结算特效实现思路
2013/09/23 Javascript
jquery防止重复执行动画避免页面混乱
2014/04/22 Javascript
JavaScript link方法入门实例(给字符串加上超链接)
2014/10/17 Javascript
使用jquery+CSS实现控制打印样式
2014/12/31 Javascript
JavaScript中逗号运算符介绍及使用示例
2015/03/13 Javascript
JS替换字符串中空格方法
2015/04/17 Javascript
JavaScript实现选择框按比例拖拉缩放的方法
2015/08/04 Javascript
Bootstrap每天必学之基础排版
2015/11/20 Javascript
IE和Firefox之间在JavaScript语法上的差异
2016/04/22 Javascript
jQuery时间日期三级联动(推荐)
2016/11/27 Javascript
JavaScript常见的五种数组去重的方式
2016/12/15 Javascript
数组Array的一些方法(总结)
2017/02/17 Javascript
ES6扩展运算符用法实例分析
2017/10/31 Javascript
js实现全选和全不选功能
2020/07/28 Javascript
一分钟学会JavaScript中的try-catch
2020/12/14 Javascript
[47:22]Mineski vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
用python写个自动SSH登录远程服务器的小工具(实例)
2017/06/17 Python
使用python 和 lint 删除项目无用资源的方法
2017/12/20 Python
对json字符串与python字符串的不同之处详解
2018/12/19 Python
在PyCharm中遇到pip安装 失败问题及解决方案(pip失效时的解决方案)
2020/03/10 Python
python如何操作mysql
2020/08/17 Python
html Table 表头固定的实现
2019/01/22 HTML / CSS
BASIC HOUSE官方旗舰店:韩国著名的服装品牌
2018/09/27 全球购物
新闻学毕业生自荐信
2013/11/15 职场文书
《草虫的村落》教学反思
2014/02/16 职场文书
公司开业庆典策划方案
2014/06/04 职场文书
创文明城市标语
2014/06/16 职场文书
2014年技术员工作总结
2014/11/18 职场文书
如何在Python项目中引入日志
2021/05/31 Python
PHP遍历数组的6种方式总结
2021/11/17 PHP
Nginx速查手册及常见问题
2022/04/07 Servers