vue 对手机物理键的监听（使用mui）

mui进行手机物理键的监听

首先安装 vue-awesome-mui

npm i vue-awesome-mui

在main.js注册

JavaScript code

 

?

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

在index.html

JavaScript code

 

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27

<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>