快捷導(dǎo)航

Cordova(ionic)項目實現(xiàn)雙擊返回鍵退出應(yīng)用

更新時間：2019年09月17日 14:42:06 作者：談?wù)劦男那?

這篇文章主要為大家詳細介紹了Cordova項目實現(xiàn)雙擊返回鍵退出應(yīng)用，具有一定的參考價值，感興趣的小伙伴們可以參考一下

Android原生項目實現(xiàn)雙擊返回鍵退出應(yīng)用，是十分簡單的，添加如下代碼即可實現(xiàn)：

//記錄按鍵時間
  private long exitTime;
  @Override
  public boolean onKeyDown(int keyCode, KeyEvent event) {
    if(keyCode == KeyEvent.KEYCODE_BACK){
      exit();
    }
    return super.onKeyDown(keyCode, event);
  }
  public void exit(){
    if ((System.currentTimeMillis()-exitTime)>2000){
      // 點擊間隔大于兩秒，做出提示
      Toast.makeText(getApplicationContext(), "再按一次退出應(yīng)用", Toast.LENGTH_SHORT).show();
      exitTime = System.currentTimeMillis();
    }else{
      finish();
      System.exit(0);
    }
  }

然而，在Cordova項目中，在繼承CordovaActivity的MainActivity中添加上面的代碼并不起作用，原因是返回鍵已經(jīng)被Cordava的WebView處理掉了。

解決辦法：在app.js的config中添加如下代碼：

// 等待加載PhoneGap
document.addEventListener("deviceready", onDeviceReady, false); 
// PhoneGap加載完畢
function onDeviceReady() {
//按鈕事件
document.addEventListener("backbutton", eventBackButton, false); //返回鍵
document.addEventListener("menubutton", eventMenuButton, false); //菜單鍵
document.addEventListener("searchbutton", eventSearchButton, false); //搜索鍵
}
 
//返回鍵
function eventBackButton(){
//confirm("再點擊一次退出!");
window.plugins.ToastPlugin.show_short('再點擊一次退出!');
document.removeEventListener("backbutton", eventBackButton, false); //注銷返回鍵
  //3秒后重新注冊
  var intervalID = window.setInterval(
    function() {
      window.clearInterval(intervalID);
      document.addEventListener("backbutton", eventBackButton, false); //返回鍵
    },
    3000
  );
}
//菜單鍵
function eventMenuButton(){
  window.plugins.ToastPlugin.show_short('點擊了 菜單 按鈕!');
}
//搜索鍵
function eventSearchButton(){
  window.plugins.ToastPlugin.show_short('點擊了 搜索 按鈕!');
}

上面的腳本用到了Cordova的Toast插件，插件地址：

cordova plugin add

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: