当前时间:Tuesday 2017年03月28日 欢迎访问 夜阑小雨 我的学习碎片档案,这里记录了我的学习内容和工作中经验,希望给您带去帮助。

当前位置: 首页 >> Android开发,phonegap开发 >> 正文

PhoneGap+Android 返回按钮 退出程序

JqueryMobile+PhoneGap+Android

   jqm和phonegap整合做开发时,请一定要注意phonegap的版本问题。因为版本的问题可能会导致很多问题的出现。现在最新的phonegap版本是1.9 自己可以去搜。

  功能需求是这样的。

  APP封装HTML5的页面程序。HTML5包含有多个页面,当用户点击到子页面时,点击返回按钮一级的返回,当返回到主页面时 再按返回按钮 则退出程序!

  代码实现如下:

[javascript] view plaincopyprint?

  1. //添加回退按钮事件
  2. document.addEventListener("backbutton",onBackKeyDown,false);  
  3. //BackButton按钮
  4. function onBackKeyDown(){ 
  5. if($.mobile.activePage.is(‘#homepage’)){ 
  6.         navigator.app.exitApp(); 
  7.     } 
  8. else { 
  9.         navigator.app.backHistory(); 
  10.     } 
//添加回退按钮事件
document.addEventListener("backbutton",onBackKeyDown,false); 

//BackButton按钮
function onBackKeyDown(){
	if($.mobile.activePage.is('#homepage')){
        navigator.app.exitApp();
    }
    else {
        navigator.app.backHistory();
    }
}

[javascript] view plaincopyprint?

  1. 这段代码是从国外的一个技术站看到的  
这段代码是从国外的一个技术站看到的 

[javascript] view plaincopyprint?

  1. <PRE class=javascript name="code">$.mobile.activePage.is(‘#homepage’)</PRE>这是获取当前活动页,#homepage 即为页面中的jqm page容器 ID是homepage

作者:夜阑小雨
原文链接:PhoneGap+Android 返回按钮 退出程序
夜阑小雨版权所有,转载本网站文章时请保留此信息。

收藏和分享: 转贴到开心网 转贴到校内网 分享到 Twitter Delicious 分享到 Google Reader 分享到 百度收藏 分享到 QQ收藏

评论信息

0 条评论 发表评论

发布评论

您必须登录才能发表评论。

网站客户端下载