PhoneGap中文网

 找回密码
 立即注册
查看: 28064|回复: 5

phonegap 双击退出按钮退出应用程序代码

[复制链接]

493

主题

2035

帖子

6894

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
6894
发表于 2013-10-19 17:18:56 | 显示全部楼层 |阅读模式

phonegap 双击退出按钮退出应用程序代码分享给大家   

如有疑问加qq群讨论:103759305



2.jpg

关于jqm的提示信息
  1. <script type="text/javascript">
  2. //提示信息
  3.         function showMyAlert(text) {
  4.                 $.mobile.loadingMessageTextVisible = true;
  5.                 $.mobile.showPageLoadingMsg("a", text, true);
  6.         }
  7.         function myAlert(text) {
  8.                 showMyAlert(text);
  9.                 setTimeout(hideLoading, 2000);
  10.         }
  11.         function hideLoading() {
  12.                 $.mobile.hidePageLoadingMsg();
  13.         }

  14. </script>
复制代码
增加返回按钮事件
  1. document.addEventListener("backbutton", eventBackButton, false);//返回按钮被按了
复制代码
  1. function eventBackButton() {
  2.                 if ($.mobile.activePage.is('#indexPage')) {
  3.                         myAlert('再点击一次退出!');
  4.                         document.removeEventListener("backbutton", eventBackButton, false); // 注销返回键
  5.                         document.addEventListener("backbutton", exitApp, false);// 绑定退出事件
  6.                         // 3秒后重新注册
  7.                         var intervalID = window.setTimeout(function() {
  8.                                 window.clearTimeout(intervalID);
  9.                                 document.removeEventListener("backbutton", exitApp, false); // 注销返回键
  10.                                 document.addEventListener("backbutton", eventBackButton, false); // 返回键
  11.                         }, 3000);
  12.                 }
  13.                  else {
  14.                          navigator.app.backHistory();
  15.                  }
  16.        
  17.         }
  18.        
  19.         //退出app
  20.         function exitApp() {
  21.                 navigator.app.exitApp();
  22.         }
复制代码
回复

使用道具 举报

1

主题

13

帖子

52

积分

注册会员

Rank: 2

积分
52
发表于 2013-10-20 00:10:01 | 显示全部楼层
html中加入了这段代码了,但在模拟器里面试用完全无效
回复 支持 反对

使用道具 举报

3

主题

19

帖子

193

积分

注册会员

Rank: 2

积分
193
发表于 2014-1-28 23:46:08 | 显示全部楼层
我也一样的 但是我用的是jquery-mobile
回复 支持 反对

使用道具 举报

1

主题

16

帖子

88

积分

注册会员

Rank: 2

积分
88
发表于 2014-8-25 22:28:51 | 显示全部楼层
这个怎么搞?
回复 支持 反对

使用道具 举报

1

主题

16

帖子

88

积分

注册会员

Rank: 2

积分
88
发表于 2014-8-25 22:29:44 | 显示全部楼层

我把这写添加到index.html后。点击返回键一直都没反应。
回复 支持 反对

使用道具 举报

19

主题

49

帖子

337

积分

中级会员

Rank: 3Rank: 3

积分
337
发表于 2016-2-1 19:53:57 | 显示全部楼层
额 在ionic怎么用
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐 上一条 /1 下一条

ionic4视频教程

Archiver|手机版|小黑屋| PhoneGap中文网 ( 京ICP备13027796号-1 )  

GMT+8, 2024-3-29 16:29 , Processed in 0.053487 second(s), 35 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表