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中使用Callback控制流程介绍
Mar 16 Javascript
JS中prototype的用法实例分析
Mar 19 Javascript
JavaScript中的setUTCDate()方法使用详解
Jun 11 Javascript
jquery实用技巧之输入框提示语句
Jul 28 Javascript
原生js实现类似fullpage的单页/全屏滚动
Jan 22 Javascript
php main 与 iframe 相互通讯类(js+php同域/跨域)
Sep 14 Javascript
angular2路由之routerLinkActive指令【推荐】
May 30 Javascript
详解React之父子组件传递和其它一些要点
Jun 25 Javascript
详解webpack4之splitchunksPlugin代码包分拆
Dec 04 Javascript
详解vue使用插槽分发内容slot的用法
Mar 28 Javascript
JavaScript 作用域scope简单汇总
Oct 23 Javascript
JavaScript 装逼指南(js另类写法)
May 10 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
Yii结合CKEditor实现图片上传功能
2014/06/13 PHP
仿服务器端脚本方式的JS模板实现方法
2007/04/27 Javascript
JavaScript 保存数组到Cookie的代码
2010/04/14 Javascript
JS拖动技术 关于setCapture使用
2010/12/09 Javascript
jquery操作checked属性以及disabled属性的多种方法
2014/06/20 Javascript
jquery实现类似淘宝星星评分功能有截图
2014/09/15 Javascript
使用JS画图之点、线、面
2015/01/12 Javascript
jquery动态添加删除(tr/td)
2015/02/09 Javascript
JavaScript将字符串转换成字符编码列表的方法
2015/03/19 Javascript
基于jQuery实现点击列表加载更多效果
2016/05/31 Javascript
使用JavaScript获取URL中的参数(两种方法)
2016/11/16 Javascript
js实现用户输入的小写字母自动转大写字母的方法
2017/01/21 Javascript
JS获取浮动(float)元素的style.left值为空的快速解决办法
2017/02/19 Javascript
详解用webpack的CommonsChunkPlugin提取公共代码的3种方式
2017/11/09 Javascript
解决vue打包项目后刷新404的问题
2018/03/06 Javascript
深度了解vue.js中hooks的相关知识
2019/06/14 Javascript
vue开发拖拽进度条滑动组件
2019/09/21 Javascript
如何解决jQuery 和其他JS库的冲突
2020/06/22 jQuery
Nest.js散列与加密实例详解
2021/02/24 Javascript
python和C语言混合编程实例
2014/06/04 Python
python requests爬取高德地图数据的实例
2018/11/10 Python
Python如何爬取微信公众号文章和评论(基于 Fiddler 抓包分析)
2019/06/28 Python
python异常触发及自定义异常类解析
2019/08/06 Python
Python3使用PySynth制作音乐的方法
2019/09/09 Python
整理HTML5中支持的URL编码与字符编码
2016/02/23 HTML / CSS
国际旅客访问北美最大的汽车租赁提供商:Alamo Rent A Car
2018/06/13 全球购物
网络工程专业毕业生推荐信
2013/10/28 职场文书
医学专业毕业生推荐信
2013/11/14 职场文书
优秀员工个人的自我评价
2013/11/29 职场文书
硕士研究生自我鉴定范文
2013/12/27 职场文书
会计电算化专业自荐信
2014/03/15 职场文书
综艺节目策划方案
2014/06/13 职场文书
学习张丽丽心得体会
2014/09/03 职场文书
人大代表选举标语
2014/10/07 职场文书
庐山导游词
2015/02/03 职场文书
初中军训感想
2015/08/07 职场文书