監聽安卓手機的物理返回鍵 mui

1:安裝
npm i vue-awesome-mui
2:main.js中引用

import Mui from 'vue-awesome-mui';
Vue.use(Mui);

3:在html中添加

// //首頁返回鍵處理
    // //處理邏輯: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
        }
      }
    };

引用:vue 開發webapp 手機返回鍵 退出問題
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章