使用vue開發webApp，安卓手機內建回退鍵的問題解決

標籤：說明   gettime   div   script   class   ext   按鍵監聽   index   一個   

首先，我先為大家說明，為什麼我要寫這篇隨筆；

因為我們寫的webapp，在安卓手機上，按一次回退鍵，就會退出app，回到案頭，而不是像原生app一樣，會有一個提示，例如，“再按一次退出應用”的這種提示，

按一次退回鍵就回到案頭，這明顯不是我們想要的，廢話到此為止，下面上代碼；

mui.init({keyEventBind: {backbutton: true  //關閉back按鍵監聽}});// //首頁返回鍵處理// //處理邏輯：1秒內，連續兩次按返回鍵，則退出應用；var first = null;mui.back = function() {//首次按鍵，提示‘再按一次退出應用’if (!first) {first = new Date().getTime();//記錄第一次按下回退鍵的時間mui.toast(‘再按一次退出應用‘);//給出提示history.go(-1)//回退到上一頁面setTimeout(function() {//1s中後清除first = null;}, 1000);} else {if (new Date().getTime() - first < 1000) {//如果兩次按下的時間小於1s，plus.runtime.quit();//那麼就退出app

} } };

　　只要在index.html裡面加上這段代碼，就可以實現了，

|--------------------------------------忘

|-----------------------------------------了

|--------------------------------------------一

|-----------------------------------------------件

|---------------------------------------------------事

我們還得引入一個js檔案，不然mui.init，就會報mui找不到的錯誤

<script type=‘text/javascript‘ src=‘./static/mui.min.js‘></script>

就這些，沒了

 

 

哎呀，又星期五了，明天可以睡懶覺了，開心

使用vue開發webApp，安卓手機內建回退鍵的問題解決