Cordova(ionic)項(xiàng)目實(shí)現(xiàn)雙擊返回鍵退出應(yīng)用
Android原生項(xiàng)目實(shí)現(xiàn)雙擊返回鍵退出應(yīng)用,是十分簡(jiǎn)單的,添加如下代碼即可實(shí)現(xiàn):
//記錄按鍵時(shí)間 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){ // 點(diǎn)擊間隔大于兩秒,做出提示 Toast.makeText(getApplicationContext(), "再按一次退出應(yīng)用", Toast.LENGTH_SHORT).show(); exitTime = System.currentTimeMillis(); }else{ finish(); System.exit(0); } }
然而,在Cordova項(xiàng)目中,在繼承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("再點(diǎn)擊一次退出!"); window.plugins.ToastPlugin.show_short('再點(diǎn)擊一次退出!'); document.removeEventListener("backbutton", eventBackButton, false); //注銷返回鍵 //3秒后重新注冊(cè) var intervalID = window.setInterval( function() { window.clearInterval(intervalID); document.addEventListener("backbutton", eventBackButton, false); //返回鍵 }, 3000 ); } //菜單鍵 function eventMenuButton(){ window.plugins.ToastPlugin.show_short('點(diǎn)擊了 菜單 按鈕!'); } //搜索鍵 function eventSearchButton(){ window.plugins.ToastPlugin.show_short('點(diǎn)擊了 搜索 按鈕!'); }
上面的腳本用到了Cordova的Toast插件,插件地址:
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- Angular+ionic實(shí)現(xiàn)折疊展開(kāi)效果的示例代碼
- ionic+html5+API實(shí)現(xiàn)雙擊返回鍵退出應(yīng)用
- ionic2.0雙擊返回鍵退出應(yīng)用
- 三步實(shí)現(xiàn)ionic3點(diǎn)擊退出app程序
- ionic4+angular7+cordova上傳圖片功能的實(shí)例代碼
- ionic使用angularjs表單驗(yàn)證(模板驗(yàn)證)
- Angular 4.x+Ionic3踩坑之Ionic3.x pop反向傳值詳解
- 基于Ionic3實(shí)現(xiàn)選項(xiàng)卡切換并重新加載echarts
相關(guān)文章
DOM節(jié)點(diǎn)刪除函數(shù)removeChild()用法實(shí)例
這篇文章主要介紹了DOM節(jié)點(diǎn)刪除函數(shù)removeChild()用法,實(shí)例分析了removeChild()函數(shù)實(shí)現(xiàn)結(jié)點(diǎn)刪除的技巧,需要的朋友可以參考下2015-01-01JavaScript中的console.profile()函數(shù)詳細(xì)介紹
這篇文章主要介紹了JavaScript中的console.profile()函數(shù)詳細(xì)介紹,本文講解了console.profile()函數(shù)的瀏覽器支持情況、console.profile()的使用、Firebug中Profile按鈕的使用等內(nèi)容,需要的朋友可以參考下2014-12-12JS/jQuery實(shí)現(xiàn)獲取時(shí)間的方法及常用類完整示例
這篇文章主要介紹了JS/jQuery實(shí)現(xiàn)獲取時(shí)間的方法及常用類,結(jié)合完整實(shí)例形式分析了javascript針對(duì)日期時(shí)間的獲取、轉(zhuǎn)換、計(jì)算與檢測(cè)相關(guān)操作技巧,需要的朋友可以參考下2019-03-03關(guān)于layer.js使用心得-向彈出框傳值問(wèn)題
這篇文章主要介紹了關(guān)于layer.js使用心得-向彈出框傳值問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-11-11js中net::ERR_FILE_NOT_FOUND報(bào)錯(cuò)的解決
本文主要介紹了js中net::ERR_FILE_NOT_FOUND報(bào)錯(cuò)的解決,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-07-07