vue 開發webapp 手機返回鍵 退出問題

vue 開發webapp 手機返回鍵 退出問題

 

mui進行手機物理鍵的監聽

首先安裝 vue-awesome-mui

npm i vue-awesome-mui

在main.js注冊

 

在index.html

 

<script>
      mui.init({
                swipeBack: false, //關閉右滑關閉功能(默認就是false)
                keyEventBind: {
                    backbutton: true //開啟back按鍵監聽( 默認就是true)
                }
      });
        // //首頁返回鍵處理
        // //處理邏輯：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
             }
           }
        };
    </script>