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 相关文章推荐
extjs form textfield的隐藏方法
Dec 29 Javascript
不用锚点也可以平滑滚动到页面的指定位置实现代码
May 08 Javascript
常用的jquery模板插件——jQuery Boilerplate介绍
Sep 23 Javascript
jQuery实现图片渐入渐出切换展示效果
Aug 15 Javascript
Angularjs 设置全局变量的方法总结
Oct 20 Javascript
新手学习前端之js模仿淘宝主页网站
Oct 31 Javascript
微信小程序 PHP生成带参数二维码
Feb 21 Javascript
移动端(微信等使用vConsole调试console的方法
Mar 05 Javascript
解决Vue+Electron下Vuex的Dispatch没有效果问题
May 20 Javascript
vue-cli创建的项目中的gitHooks原理解析
Feb 14 Javascript
JavaScript 俄罗斯方块游戏实现方法与代码解释
Apr 08 Javascript
Node使用koa2实现一个简单JWT鉴权的方法
Jan 26 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中的时间显示
2007/01/18 PHP
CI框架实现优化文件上传及多文件上传的方法
2017/01/04 PHP
yii2.0框架使用 beforeAction 防非法登陆的方法分析
2019/09/11 PHP
PHP实现的文件浏览器功能简单示例
2019/09/12 PHP
Node.js中child_process实现多进程
2015/02/03 Javascript
JQuery分屏指示器图片轮换效果实例
2015/05/21 Javascript
AngularJs学习第八篇 过滤器filter创建
2016/06/08 Javascript
js方法数据验证的简单实例
2016/09/17 Javascript
jQGrid动态填充select下拉框的选项值(动态填充)
2016/11/28 Javascript
12306 刷票脚本及稳固刷票脚本(防挂)
2017/01/04 Javascript
JS中将多个逗号替换为一个逗号的实现代码
2017/06/23 Javascript
vue中rem的配置的方法示例
2018/08/30 Javascript
服务端预渲染之Nuxt(使用篇)
2019/04/08 Javascript
vue项目接口域名动态获取操作
2020/08/13 Javascript
node.js如何操作MySQL数据库
2020/10/29 Javascript
[38:38]完美世界DOTA2联赛PWL S3 access vs Rebirth 第二场 12.17
2020/12/18 DOTA
[01:39:04]DOTA2-DPC中国联赛 正赛 SAG vs CDEC BO3 第二场 2月1日
2021/03/11 DOTA
基于pycharm导入模块显示不存在的解决方法
2018/10/13 Python
Python中的几种矩阵乘法(小结)
2019/07/10 Python
使用jupyter notebook运行python和R的步骤
2020/08/13 Python
css3实现文字首尾衔接跑马灯的示例代码
2020/10/16 HTML / CSS
大学本科毕业生求职信范文
2013/12/18 职场文书
行政专员岗位职责
2014/01/02 职场文书
会计电算化大学生职业规划书
2014/02/05 职场文书
《秋姑娘的信》教学反思
2014/02/28 职场文书
追悼会主持词
2014/03/20 职场文书
《三亚落日》教学反思
2014/04/26 职场文书
2014离婚协议书范文两篇
2014/09/15 职场文书
房屋租赁委托书范本
2014/10/04 职场文书
光棍节联谊晚会活动策划书
2014/10/10 职场文书
2015小学教师年度工作总结
2015/05/12 职场文书
员工工作失职检讨书范文!
2019/07/03 职场文书
小学四年级作文之人物作文
2019/11/06 职场文书
python flappy bird小游戏分步实现流程
2022/02/15 Python
Python几种酷炫的进度条的方式
2022/04/11 Python
Golang日志包的使用
2022/04/20 Golang