vue 开发webapp 手机返回键退出问题

mui进行手机物理键的监听首先安装 vue-awesome-muinpm i vue-awesome-mui在main.js注册import Mui from 'vue-awesome-mui';Vue.use(Mui);在index.html<script>mui.init({keyEventBind: {backbutton: t...

brake_lzk

15687人浏览 · 2018-06-13 14:34:30

brake_lzk · 2018-06-13 14:34:30 发布

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>