1. 程式人生 > >vue 開發webapp 手機返回鍵 退出問題

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

mui進行手機物理鍵的監聽

首先安裝vue-awesome-mui

npm i vue-awesome-mui

在main.js註冊

import Mui from 'vue-awesome-mui';

Vue.use(Mui);

在index.html

<script> 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
} } }; </script>