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 相关文章推荐
javascript 判断数组是否已包含了某个元素的函数
May 30 Javascript
jquery将一个表单序列化为一个对象的方法
Dec 02 Javascript
JavaScript实现的一个计算数字步数的算法分享
Dec 06 Javascript
基于javascript代码实现通过点击图片显示原图片
Nov 29 Javascript
JavaScript 中调用 Kotlin 方法实例详解
Jun 09 Javascript
详解Vue2中组件间通信的解决全方案
Jul 28 Javascript
seajs中模块依赖的加载处理实例分析
Oct 10 Javascript
微信小程序实现手指触摸画板
Jul 09 Javascript
JS实现可视化文件上传
Sep 08 Javascript
你或许不知道的一些npm实用技巧
Jul 04 Javascript
vue-cli3 引入 font-awesome的操作
Aug 11 Javascript
JS pushlet XMLAdapter适配器用法案例解析
Oct 16 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
资料注册后发信小技巧
2006/10/09 PHP
php打包网站并在线压缩为zip
2016/02/13 PHP
PHP获取星期几的常用方法小结
2018/12/18 PHP
基于Web标准的UI组件 — 树状菜单(2)
2006/09/18 Javascript
JavaScript-世界上误解最深的语言分析
2007/08/12 Javascript
基于jquery实现的图片在各种分辨率下未知的容器内上下左右居中
2014/05/11 Javascript
jQuery前端框架easyui使用Dialog时bug处理
2014/12/05 Javascript
node.js中的fs.utimes方法使用说明
2014/12/15 Javascript
JavaScript中数组成员的添加、删除介绍
2014/12/30 Javascript
JavaScript中return false的用法
2015/03/12 Javascript
JQuery 传送中文乱码问题的简单解决办法
2016/05/24 Javascript
nodejs和php实现图片访问实时处理
2017/01/05 NodeJs
jQuery插件FusionCharts实现的MSBar2D图效果示例【附demo源码】
2017/03/24 jQuery
vue中v-cloak解决刷新或者加载出现闪烁问题(显示变量)
2018/04/20 Javascript
vue插件开发之使用pdf.js实现手机端在线预览pdf文档的方法
2018/07/12 Javascript
Vue CLI3 开启gzip压缩文件的方式
2018/09/30 Javascript
p5.js码绘“跳动的小正方形”的实现代码
2019/10/22 Javascript
Vue通过provide inject实现组件通信
2020/09/03 Javascript
[36:33]Ti4 循环赛第四日 附加赛NEWBEE vs Mouz
2014/07/13 DOTA
[03:58]兄弟们,回来开黑了!DOTA2昔日战友招募宣传视频
2016/07/17 DOTA
[01:07:13]TNC vs Pain 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
[41:52]DOTA2-DPC中国联赛 正赛 CDEC vs Dynasty BO3 第二场 2月22日
2021/03/11 DOTA
python多进程操作实例
2014/11/21 Python
Python基于matplotlib绘制栈式直方图的方法示例
2017/08/09 Python
Tensorflow卷积神经网络实例
2018/05/24 Python
python读取图片的方式,以及将图片以三维数组的形式输出方法
2019/07/03 Python
python GUI库图形界面开发之PyQt5日期时间控件QDateTimeEdit详细使用方法与实例
2020/02/27 Python
英国最受欢迎的在线隐形眼镜商店:VisionDirect.co.uk
2018/12/06 全球购物
YSL圣罗兰美妆俄罗斯官网:Yves Saint Lauret RU
2020/09/23 全球购物
自考毕业生自我鉴定
2013/11/04 职场文书
迟到检讨书900字
2014/01/14 职场文书
家庭教育的心得体会
2014/09/01 职场文书
法人委托书范本格式
2014/09/15 职场文书
2015年电工工作总结
2015/04/10 职场文书
golang协程池模拟实现群发邮件功能
2021/05/02 Golang
python基础学习之递归函数知识总结
2021/05/26 Python