在使用html5開發app時,並不能像Android原生那樣調取手機自身的方法。而cordova正好彌補了html5這一缺陷。
一,在cordova中文網http://cordova.axuer.com/docs/zh-cn/latest/,搜索"backbutton",如下圖:
頁面會自動查找backbutton的監聽方法。
document.addEventListener("backbutton", onBackKeyDown, false);
在回調函數里就可以操作一些語句了。
二,實現雙擊返回鍵,退出程序
1,根據也頁面的“url”,來判斷是否符合“退出app”程序的操作
var url = location.href;
2,當滿足退出app時,使用一個“backClick”標志點擊了多少次返回按鍵
3,使用一個時間戳,標志當條件滿足退出操作時,,再2s的時間內多次點擊返回按鍵,再退出,大於2s,,重復上述判斷。
4,退出app程序
navigator.app.exitApp();
5,具體示例
、// 連續點擊返回按鍵,退出app var backClick=0;// 退出點擊次數,默認為0 function backbutton () { var time=new Date(); // 2s內再次點擊就退出 // 監聽返回按鈕 document.addEventListener('backbutton', function(evt) { var url = location.href.split('/views/')[1].split('.')[0]; // var urlList = location.href if(url=='index'){ // 處於app首頁,滿足退出app操作 if(backClick){ // 不為0時 navigator.app.exitApp(); // app退出 }else{ alert('再按一次退出二網助手'); // 提示信息 if(new Date()-time<2000){// 小於2s,退出程序 backClick++; }else{ // 大於2s,重置時間戳, time = new Date(); } } return; } return; } history.back(); // 不滿足退出操作,,返回上一頁 }, false); },
,