JqueryMobile+PhoneGap+Android 返回按钮 退出程序

JqueryMobile+PhoneGap+Android 

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

  功能需求是这样的。

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

  代码实现如下:

[javascript] view plaincopy

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

[javascript] view plaincopy

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

[javascript] view plaincopy

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