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分割字符串并放入数组的函数
Jul 04 Javascript
js触发asp.net的Button的Onclick事件应用
Feb 02 Javascript
php,js,css字符串截取的办法集锦
Sep 26 Javascript
一个JavaScript递归实现反转数组字符串的实例
Oct 14 Javascript
javascript实现的闭包简单实例
Jul 17 Javascript
js实现按钮控制带有停顿效果的图片滚动
Aug 30 Javascript
jQuery实现注册会员时密码强度提示信息功能示例
Sep 05 jQuery
vue cli升级webapck4总结
Apr 04 Javascript
Vue filter格式化时间戳时间成标准日期格式的方法
Sep 16 Javascript
微信小程序登录session的使用
Mar 17 Javascript
详解axios中封装使用、拦截特定请求、判断所有请求加载完毕)
Apr 09 Javascript
JavaScript实现页面动态验证码的实现示例
Mar 23 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+JS无限级可伸缩菜单详解(简单易懂)
2007/01/02 PHP
如何让CI框架支持service层
2014/10/29 PHP
PHP文件读写操作相关函数总结
2014/11/18 PHP
PHP使用PDO连接ACCESS数据库
2015/03/05 PHP
用PHP代码在网页上生成图片
2015/07/01 PHP
Docker 如何布置PHP开发环境
2016/06/21 PHP
PHP实现清除MySQL死连接的方法
2016/07/23 PHP
Yii2主题(Theme)用法详解
2016/07/23 PHP
javascript 数据类型转换(parseInt,parseFloat)
2010/07/20 Javascript
理解Javascript_14_函数形式参数与arguments
2010/10/20 Javascript
javascript 学习笔记(六)浏览器类型及版本信息检测代码
2011/04/08 Javascript
JavaScript实现点击按钮后变灰避免多次重复提交
2013/07/15 Javascript
jQuery实现统计复选框选中数量
2014/11/24 Javascript
js 左右悬浮对联广告特效代码
2014/12/12 Javascript
微信小程序开发之麦克风动画 帧动画 放大 淡出
2017/04/18 Javascript
详解react使用react-bootstrap当轮子造车
2017/08/15 Javascript
微信小程序实现元素渐入渐出动画效果封装方法
2019/05/18 Javascript
关于element-ui的隐藏组件el-scrollbar的使用
2019/05/29 Javascript
浅谈layui里的上传控件问题
2019/09/26 Javascript
详解vuejs中执行npm run dev出现页面cannot GET/问题
2020/04/26 Javascript
Vue是怎么渲染template内的标签内容的
2020/06/05 Javascript
bootstrap-closable-tab可实现关闭的tab标签页插件
2020/08/09 Javascript
Python编程实战之Oracle数据库操作示例
2017/06/21 Python
使用python实现接口的方法
2017/07/07 Python
python脚本作为Windows服务启动代码详解
2018/02/11 Python
python3解析库lxml的安装与基本使用
2018/06/27 Python
python读取Kafka实例
2019/12/23 Python
Python 线性回归分析以及评价指标详解
2020/04/02 Python
python利用递归方法实现求集合的幂集
2020/09/07 Python
NFL官方在线商店:NFLShop
2020/07/29 全球购物
日语系毕业生推荐信
2013/11/11 职场文书
专升本个人自我评价
2013/12/22 职场文书
《狼和小羊》教学反思
2014/04/20 职场文书
大学生学习计划书
2014/09/15 职场文书
Python网络编程之ZeroMQ知识总结
2021/04/25 Python
以MySQL5.7为例了解一下执行计划
2022/04/13 MySQL