使用cordova,監聽安卓機物理返回按鍵,實現退出程序的功能


在使用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);
    },        

 

,


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM