在vue项目中如何引用mui来实现监听安卓手机的物理返回键

1.先下载mui.js,直接在vue项目中的index.html页面中引入进来

2.在index.html中加入下面的代码

<script>

  mui.init({

    swipeBack: false, //关闭右滑关闭功能(默认就是false)

    keyEventBind: {

      backbutton: true //开启back按键监听(默认就是true)

    }

  });

  var quitTime = null;

  mui.plusReady(function(){

    mui.back = function(){

      //首次按键,提示‘再按一次退出应用’

      if (!quitTime) {

        //记录第一次按下回退键的时间

        quitTime = new Date().getTime();

        //回退到上一页面

        window.history.go(-1);

        setTimeout(function() {

          //1s中后清除

          quitTime = null;

        }, 1000);

      }else{

        if((new Date().getTime() – quitTime) < 1000){

          quitTime = null;

          plus.runtime.quit();

        }

      }

    };

  });

</script>

3.ctrl+S保存,结束

    原文作者:皮蛋秦
    原文地址: https://blog.csdn.net/lqlg1314/article/details/80663418
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞