zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    2017普及组D1T3 洛谷P3956 棋盘
    2017提高组D1T1 洛谷P3951 小凯的疑惑
    Title
    Title
    Title
    Title
    Title
    Title
    Title
    Title
  • 原文地址:https://www.cnblogs.com/WangXinPeng/p/9753544.html
Copyright © 2011-2022 走看看